Service Portal カタログアイテムのトラブルシューティングおよびカスタマイズガイド - Support and Troubleshooting

Service Portal カタログアイテムのトラブルシューティングおよびカスタマイズガイド Issue .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } 1. Service Portal のカタログアイテムで [Submit] ボタンを非表示にする方法 目的 特定のカタログアイテムで、[Submit] ボタンの代わりに [Add to Cart] の使用を強制します。

手順 標準 (OOB) ウィジェットをクローンする SC Catalog Item ウィジェットを開きます： https:// .service-now.com/sp_widget.do?sys_id=0fd6a6f247230200ba13a5554ee490b3 [Clone Widget] を選択します。 ウィジェットを変更する クローンしたウィジェットを開き、[Open in Widget Editor] を選択します。 HTML テンプレートで [Submit] ボタンの要素を見つけます。 変更前：

{ {submitButtonMsg}} 変更後：

'" ng-if="::c.showOrderNowButton()" tabindex="0" name="submit" ng-disabled="submitted" ng-click="triggerOnSubmit()" class="btn btn-primary">{ {submitButtonMsg}} の部分を対象カタログアイテムの sys_id に置き換えてください。

ウィジェットを sc_cat_item ページに関連付ける [Service Portal] > [Pages] に移動します。 ID が sc_cat_item のレコードをフィルタリングします。 ページレコードを開きます。 [SC Catalog Item] の横にある [Instance] リンクを選択します。 ウィジェットインスタンスの [Widget] タブで、ウィジェットをクローンしたバージョンに変更します。 2. 特定のカタログアイテムで添付ファイルアイコンを非表示にする方法 問題 特定のカタログアイテムで、添付ファイル（クリップ）アイコンを非表示にする必要があります。

解決策 マクロ変数を作成する カタログアイテムを開きます。 新しい変数を追加します。 タイプ：Macro カスタムウィジェットを作成する [Service Portal] > [Widgets] > [New] に移動します。 Client Controller に以下を追加します： function() { var c = this; angular.element('label.ng-scope').hide(); } 注意：添付ファイルラベルをより正確に対象とするため、必要に応じてセレクターを調整してください。

ウィジェットをマクロ変数に関連付ける マクロ変数を開きます。 [Widget] フィールドを上記で作成したカスタムウィジェットに設定します。 3. Service Portal でカタログアイテムを開く際の NullPointerException 症状 カタログアイテムまたはレコードプロデューサーが読み込まれない。 エラーメッセージ： java.lang.NullPointerException 原因 参照変数が存在しないテーブルを参照しています。変数の [Type Specifications] タブで、テーブル名が選択可能な参照としてではなく、プレーンテキストとして表示されています。

解決策 問題の原因となっている変数を特定します。 参照されているテーブルが存在するか確認します。 不足しているテーブルを作成するか、有効なテーブルを参照するように変数を更新します。 4. 送信時にフォームがフリーズし、500 Internal Server Error が発生する 症状 フォームの送信中にフリーズが発生します。ブラウザのコンソールに以下が表示されます：

500 (Internal Server Error) message: "java.lang.ClassCastException: java.lang.Long cannot be cast to java.lang.String" 原因 カタログクライアントスクリプトが、数値 (Number) を文字列型 (String) の変数フィールドに設定しています。

誤った使用例：

var num = 5 * 9; g_form.setValue('string_type_variable', num); 解決策 値を設定する前に数値を文字列に変換します：

Resolution .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } 各問題の詳細については、上記の個別の問題セクションを参照してください。 Related Links .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } span { font-size: 12pt; font-family: Lato; color: var(--now-color--text-primary, #000000); } h2 { font-size: 24pt; font-family: Lato; color: var(--now-color--text-primary, black); } h3 { font-size: 18pt; font-family: Lato; color: var(--now-color--text-primary, black); } h4 { font-size: 14pt; font-family: Lato; color: var(--now-color--text-primary, black); } a { font-size: 12pt; font-family: Lato; color: var(--now-color--link-primary, #00718F); } a:hover { font-size: 12pt; color: var(--now-color--link-primary, #024F69); } a:target { font-size: 12pt; color: var(--now-color--link-primary, #032D42); } a:visited { font-size: 12pt; color: var(--now-color--link-primary, #00718f); } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: ; max-width: ; width: ; height: ; } } ウィジェットドキュメントのクローン ngHide ドキュメント