2016-11-11 3 views
0

ui-grid 열 머리글에 입력 상자 값을 표시하려고합니다.ui-grid 열 머리글에서 입력 상자 (필터 상자) 값을 얻는 방법

열 헤더의 여러 입력란에서 값을 가져와야하는 필자의 필터링 기능을 사용하려고합니다. 것

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

enter image description here

+0

보유하고있는 것을 보여주고 문제를 해결하기 위해 시도한 것을 보여줄 수 있습니까? –

+0

$ scope.gridOptions.columnDefs = [{field : 'name', displayName : 'Name', headerCellTemplate : }, ]; – ashvanth48

+0

@ GuranjanSingh 안녕하세요, 저는 ui-grid에서 입력 상자의 값을 얻으려고합니다. – ashvanth48

답변

0

이 같은 columnDef에 사용자 정의 필터를 제공 할 수 있습니다 이제까지 myCustomFilterFunction으로 전화하십시오. y 시간 필터 입력이 변경됩니다. 매개 변수 term은 찾고있는 것입니다. 입력 상자에 표시된 값입니다. 매개 변수 value은 현재 행에 대한 열의 값을 나타냅니다. 매개 변수 rowcol을 사용하면 현재 rowEntitycolumn에 액세스 할 수 있습니다.

myCustomFilterFunction은 boolen을 반환해야합니다. 행의 반환 값이 true의 경우, 행은 그렇지 않은 경우는 표시됩니다.