2016-08-23 3 views
2

AngularJS에서 각도 데이터 테이블을 사용하는 사람은 누구입니까?AngularJs + 각도 데이터 테이블

편집 : 내 표에서 데이터를 필터링하고 싶습니다. 구체적으로. 선택이 카테고리에 관한 것과 같습니다. 카테고리 열에있는 항목 만 필터링합니다. 하지만 지금 내 필터에. 그것은 모든 것을 걸러냅니다.

다음은 select 필터링을위한 코드입니다. 나는 "검색 상자"가 데이터를 필터링하는 방법을 복사합니다. 왜냐하면 select를 사용하여 필터링하기위한 올바른 코드를 알지 못하기 때문입니다. 그것은 사용자 정의됩니다.

function dtInstanceCallback (dtInstance) { 
    var datatableObj = dtInstance.DataTable; 
    vm.tableInstance = datatableObj; 
} 

function searchTable() { 
    var query = vm.queryProductSearch; 
    vm.tableInstance.search(query).draw(); 
} 

function selectCategoryInTable() { 
    var sel = vm.selCategory; 
    vm.tableInstance.search(sel).draw(); 
} 

function selectStatusInTable() { 
    var sel = vm.selStatus; 
    vm.tableInstance.search(sel).draw(); 
} 

searchTable()은 검색 창 용입니다. selectCategoryInTable/selectStatusInTable은 내 테이블의 내 카테고리 열과 상태 열에 대한 것입니다. 그러나 모든 것을 걸러냅니다.

특정 데이터를 필터링하는 방법을 알고 싶습니다. 내가 "ACTIVE"를 걸러 낼 때처럼. 데이터 테이블의 내 데이터는 "비활성"에 "활성"이 있기 때문에 "비활성"으로 표시됩니다. 그래서 특정 단어를 걸러 내고 싶습니다.

답변

0

제대로 보이지 않습니다. 당신은 전체 단어를 검색 할 경우

vm.tableInstance.DataTable.search(query).draw() 

특정 열 내에서 검색하려는 경우 , 당신은

vm.tableInstance.DataTable.column(1).search(query).draw() 

을 사용할 수 있습니다 dataTables의 올바른 사용법은 dtInstance에서 1.10.x API는 것 단어의 일부가 아닌 (활성 대 비활성과 같은) 정규 표현식 검색을 사용하십시오. search()에 대한 문서를 참조하십시오 ^..$query 랩 true로 처음 PARAM을 설정 : 여기

vm.tableInstance.DataTable.column(1).search('^'+query+'$', true).draw() 

1 열 번호에 foo는 검색 예입니다 -> http://plnkr.co/edit/s1pP42YFE4WeuStdaK8d?p=preview

+0

내 질문에 대답 해 주셔서 감사합니다. 당신은 저를 거기 실제로 도왔습니다. 죄송 합니다만 평판을 더할 수는 없습니다. 나는 아직도 여기에서 새다. – jjjjjj

+0

하지만이 문제가 있습니다. 이 코드를 코드에 추가하려고했습니다. function selectStatusInTable() { var sel = vm.selectStatus; if (sel == 'ACTIVE'|| sel == 'INACTIVE') { vm.tableInstance.column (5) .search ('^'+ sel + '$', true) .draw(); } else if (sel == '') { vm.tableInstance.search (sel) .draw(); } } 내 선택에서 "전체"를 클릭 할 때마다. 그것은 아무것도 보여주지 않습니다. 하지만 다른 것을 사용하려고 할 때. "ALL"을 클릭하면 모든 데이터가 비활성 상태이고 활성 상태임을 표시하지 않습니다. – jjjjjj

+0

오오. 나는 이미 그것을 고쳤다. Btw 감사합니다. – jjjjjj