uiグリッド列ヘッダーから入力ボックス（フィルタボックス）値を取得する方法

Question

uiグリッド列ヘッダーに入力ボックスの値を表示しようとしています。

私は、列ヘッダー内の複数の入力ボックスから値を取得する必要がある私自身のフィルタリング機能を使用しようとしています。う

function myCustomFilterFunction(term, value, row, column){ 
    //do something here 
} 

uiGrid：

$scope.gridOptions.columnDefs = [ 
    { 
    field: 'name', 
    displayName: 'Name', 
    headerCellTemplate: '<input type='text' &nbsp;disallow-spaces placeholder='Enter to Search' ng-model='testCol' id='Enter to Search'>, 
    filter: { 
     type: uiGridConstants.filter.INPUT, 
     condition: myCustomFilterFunction 
    }, 
]; 

をして、フィルタリング機能は、次のようになります。

$scope.gridOptions.columnDefs = [ 
    { 
     field: 'name', 
     displayName: 'Name', 
     headerCellTemplate: '<input type='text' &nbsp;disallow-spaces placeholder='Enter to Search' ng-model='testCol' id='Enter to Search'>}, 
]; 

Answer 1

あなたはこのようcolumnDefにカスタムフィルタを与えることができますこれまでにmyCustomFilterFunctionに電話をかけるフィルタ入力が変化すると、パラメータtermはあなたが探していたものです。これは入力ボックスに表示される値です。パラメータvalueは、現在の行の列の値を参照します。パラメータrowとcolは、現在のrowEntityとcolumnへのアクセスを提供します。

myCustomFilterFunctionは、boolenを返す必要があります。行の戻り値がtrueの場合、行は表示されず、そうでない場合は表示されます。