2012-07-23 64 views
0

隨着一些工作,我終於得到了我的jQGrid的工作。我希望它具有列過濾,如demoAsp。網絡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