2012-07-23 2 views
0

일부 작업을 마침내 내 jQGrid 작업을 얻을. demo 에서처럼 열 필터링을 원합니다.Asp. NET MVC/jQgrid 열 필터링

enter image description here

내 그리드는 다음과 같습니다

$(function() { 
     $("#list").jqGrid({ 
      url: '/Work/DynamicGridData/', 
      datatype: 'json', 
      mtype: 'GET', 
      colNames: ['Id', 'Job Title', 'Job Type','Job Priority','Rate','Creation Date','Deadline'], 
      colModel: [ 
      { name: 'Id', index: 'JobDescriptionID', align: 'left' }, 
      { name: 'Job Title', index: 'JobTitle',align: 'left' }, 
      { name: 'Job Type', index: 'JobType.JobTypeName', align: 'left'}, 
      { name: 'Job Priority', index: 'JobPriority.JobPriorityName', align: 'left' }, 
      { name: 'Rate', index: 'JobType.Rate', align: 'left' }, 
      { name: 'Creation Date', index: 'CreationDate', align: 'left'}, 
      { name: 'Deadline', index: 'JobDeadline', align: 'left'}], 
      pager: jQuery('#pager'), 
      rowNum: 10, 
      rowList: [5, 10, 20, 50], 
      sortname: 'JobDescriptionID', 
      sortorder: "desc", 
      viewrecords: true, 
      imgpath: '', 
      caption: 'My first grid' 
     }); 
    }); 

내가 같이 열 필터링을 위해해야 ​​할 일이 무엇입니까?

답변

0

$("#list").jqGrid('filterToolbar', options); 

옵션 객체가 포함되어 다른 configurati :

먼저이 작업을 수행하여 그리드 도구 모음있을 것이라는 점을 선언 할 필요가 툴바 검색을 추가하려면 사용 가능한 옵션 목록은 here입니다.

그러면 표시되는 검색 필터의 유형은 열 모델의 일부로 선택한 항목에 따라 다릅니다. 사용할 수있는 옵션은 here입니다.

당신이 링크하는 데모는 jqGrid의 Paid Wrapper 버전을위한 것이지만, 귀하의 코드는 내 답변의 기준이되는 표준 무료 버전의 그리드입니다. 무료 버전의 데모를보고 싶다면 page이 충분합니다. 필터 도구 모음은 아래에서 데모됩니다.

New in version 3.7 -> Tooolbar search