如何操作jqGrid的搜索/過濾器？

Question

我有一個導航條，有search: true和multipleSearch: true的jqGrid。我想向我的用戶界面添加一個按鈕，該按鈕會自動爲搜索添加一條附加規則。

我試着直接操作過濾器的postData，但是這種方式添加的值不會顯示在搜索UI中。

我也試過直接訪問使用jQuery，像這樣的搜索框：

$('#fbox_list').searchFilter().add(); 
$('#fbox_list .sf .data input').each(function(index) { 
    alert($(this).val()); 
}); 

但是，除了感覺hackish的，如果用戶已經點擊了搜索按鈕，它只能（在fbox_list div不是在加載時構建的）。

有沒有其他人處理過這樣的問題？

Answer 1

爲了子孫後代，這裏是我目前使用的黑客。網格有list ID和尋呼機的pager的ID：

jQuery(document).ready(function() { 
    //Initialize grid. 

    //Initialize the navigation bar (#pager) 

    //Hack to force creation of the search grid. 
    //The filter's ID is of the form #fbox_<gridId> 
    jQuery('#pager .ui-icon-search').click(); 
    jQuery('#fbox_list').searchFilter().close(); 

    //Example button events for adding/clearing the filter. 
    jQuery("#btnAddFilter").click(function() { 
     //Adds a filter for the first column being equal to 'filterValue'. 
     var postFilters = jQuery("#list").jqGrid('getGridParam', 'postData').filters; 
     if (postFilters) { 
      $('#fbox_list').searchFilter().add(); 
     } 

     var colModel = jQuery("#list").jqGrid('getGridParam', 'colModel'); 
     //The index into the colModel array for the column we wish to filter. 
     var colNum = 0; 
     var col = colModel[colNum]; 

     $('#fbox_list .sf .fields select').last().val(col.index).change(); 
     $('#fbox_list .sf .data input').last().val('filterValue'); 

     $('#fbox_list .sf .ops select.field' + colNum).last().val('eq').change(); 

     $('#fbox_list').searchFilter().search(); 
    }); 

    jQuery("#btnClearFilter").click(function() { 
     $('#fbox_list').searchFilter().reset(); 
    }); 
}); 

Answer 2

如果你指的是過濾器工具欄，你可以這樣做：（狀態爲山坳名字 - 所以，將「#gs_status」瓦特/ 「#gs_」 + your_col_name

 jQuery("#distributor_grid").jqGrid('showCol',['status']);   
     jQuery(".ui-search-toolbar #gs_status") 
      .val('ALL') 
      ; 

     $('#distributor_grid').RefreshData(); // triggers toolbar