NGグリッドのセルテンプレート
-
26-12-2019 - |
質問
cell template
のng-grid
プロパティを使用しています。ディレクティブに1つの機能を定義しています。同じディレクティブ内では、grid-options
を定義しています。これがコード:
data: 'mydata',
columnDefs: [
{field:'Timeout', displayName:'Delay', cellTemplate: '<a href=""
ng-click= "Report(Alert,Key,1000,1,1);"><div class=\"ngCellText\">{{row.getProperty(col.field)}}</div></a>'}
]
.
および関数Report
も同じ指令内で定義されています。
ng-click
がクリックするたびに機能しています。関数は呼び出されていますが、入力変数がどれでも(Alert
とKey
)が関数に渡されていませんが、REST 3パラメータ1000,1,1
が渡されています。
Alert
は、私が合格したいのはハードコードされた文字列です。
Key
は、 'mydata'の整数値の配列の1つです。
私は関数内のこれらの2つの特定の値のためにalert
を使用してチェックし、それは未定義を示しています。
関数を正しく呼び出すのに役立ちます。事前にありがとうございます。
解決
このようなものが欲しいですか:
$scope.Report=function(msg,key,v1,v2,v3){
//use v1, v2, v3 for whatever you like
alert(msg+':'+key);
};
$scope.gridOptions = {
data: 'myData',
columnDefs: [
{
field: 'name',
displayName: 'Delay',
cellTemplate: '<a href="" ng-click= "Report(\'Alert\',row.entity.age,1000,1,1);"><div class=\"ngCellText\">{{row.getProperty(col.field)}}</div></a>'
}, {
field: 'age'
}
]
};
.
ハードコードされた文字列(msg)をエスケープ引用符で囲む必要があります。私は鍵の例として年齢を使いました。この例の数値以来、引用符は必要ありません。
これはa a href="http://plnkr.co/edit/bzkizoevjq1ygr0w7yy6?p=preview" rel="nofollow"> plunker
所属していません StackOverflow