サービスポータルの簡易リストウィジェットを使用して、新しいタブでリンクを開く方法Issue <!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } この記事では、サービスポータルの簡易リストウィジェットのリンクを新しいブラウザータブで開くように変更する手順について説明します。これを実現するために、「$window」Angular サービスがクライアントコントローラーに追加され、リンク URL が構築され、「_blank」ターゲット属性を持つ $window サービスに渡されます。 Release<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } この記事では、Madrid パッチ 4 リリースで利用可能な簡易リストウィジェットを使用します。 Resolution<!-- /*NS Branding Styles*/ --> .ns-kb-css-body-editor-container { p { font-size: 12pt; font-family: Lato; color: #000000; } span { font-size: 12pt; font-family: Lato; color: #000000; } h2 { font-size: 24pt; font-family: Lato; color: black; } h3 { font-size: 18pt; font-family: Lato; color: black; } h4 { font-size: 14pt; font-family: Lato; color: black; } a { font-size: 12pt; font-family: Lato; color: #00718F; } a:hover { font-size: 12pt; color: #024F69; } a:target { font-size: 12pt; color: #032D42; } a:visited { font-size: 12pt; color: #7057C7; } ul { font-size: 12pt; font-family: Lato; } li { font-size: 12pt; font-family: Lato; } img { display: block; max-width: ; width: auto; height: auto; } } 添付の XML ファイル (sp_widget_b0308d89205233004e82c59ab19f5b2b.xml) には、以下に詳述する変更を含むウィジェットが含まれており、ダウンロードしてインスタンスにインポートできます。 OOB 簡易リストウィジェットのクローンを作成します。$window Angular サービスを追加します。 クライアントコントローラーのメイン関数定義のパラメーターリストに「$window」を追加します。Madrid のウィジェットの最新の OOB バージョンが使用されていると仮定すると、この変更後のパラメーターリスト: function ($scope, $location, $rootScope, spUtil, $interpolate, $window) { 「url」オブジェクトを解析して、$windowサービスに渡す URL をビルドします。 「url」オブジェクトには、id、sys_id、table、view の 4 つのプロパティが含まれています。「id」プロパティは、インスタンスオプションの [このページへのリンク] フィールドに設定されているポータルページを参照します。「sys_id」プロパティは、リンクされたレコードの sysID です。「table」プロパティは、リンクされたレコードが属するテーブルの名前です。「view」プロパティは、インスタンスオプションの「View」フィールドに設定されたフォームビュー値で、デフォルトは「sp」です。「$location.path()」の値は、スラッシュとポータルサフィックスを返し、「url」オブジェクトのプロパティ値を組み合わせて形成された文字列の先頭に追加されます。最終的な文字列値: $location.path() + "?id=" + url.id + "&table=" + url.table + "&sys_id=" + url.sys_id + "&view=" + url.view onClick イベント関数定義を変更します。 7行目から始まるクライアントコントローラーでonClick関数定義を見つけ、 else if 条件を次のように変更します。このスクリプトブロックは、 } else if (url && typeof url == "object") $location.search(url); else {が次のようになります。 } else if (url && typeof url == "object") { var newURL = $location.path() + "?id=" + url.id + "&table=" + url.table + "&sys_id=" + url.sys_id + "&view=" + url.view; $window.open(newURL,"_blank"); } else { 免責事項:この機能の実装はカスタマイズと見なされるため、ServiceNow ではサポートされていません。自己責任で使用してください。***