Как получить значения поля ввода (filterbox) из заголовка столбца ui-grid

Question

Я пытаюсь получить значения поля ввода, присутствующие в заголовке столбца ui-grid.

Я пытаюсь использовать свою собственную функцию фильтрации, которая требует получения значений из нескольких полей ввода в заголовке столбца.

$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 как это:

$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 
    }, 
]; 

и ваша функция фильтрации будет выглядеть примерно так:

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

uiGrid будет звоните myCustomFilterFunction ytime изменяется вход фильтра. Параметр term относится к тому, что вы искали. Это значение присутствует в поле ввода. Параметр value относится к значению столбца для текущей строки. Параметры row и col дают вам доступ к текущим rowEntity и column.

myCustomFilterFunction должен возвращать boolen. Если возвращаемое значение для строки равно true, тогда строка отображается иначе.