Làm cách nào để thao tác tìm kiếm/bộ lọc của jqGrid?

Question

Tôi có một jqGrid với navBar có search: true và multipleSearch: true. Tôi muốn thêm một nút vào giao diện người dùng của mình để tự động thêm quy tắc bổ sung vào tìm kiếm.

Tôi đã thử thao tác trực tiếp PostData cho bộ lọc, nhưng các giá trị được thêm theo cách này sẽ không hiển thị trong giao diện người dùng tìm kiếm.

Tôi cũng đã cố gắng truy cập vào hộp tìm kiếm trực tiếp sử dụng jQuery, như thế này:

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

Nhưng, ngoài việc cảm thấy hackish, nó chỉ hoạt động nếu người dùng đã nhấp vào nút tìm kiếm (các fbox_list div không được xây dựng khi tải).

Có ai khác đã giải quyết vấn đề như thế này không?

Answer 1

Vì lợi ích của hậu thế, đây là bản hack tôi hiện đang sử dụng. Lưới có một ID của list và máy nhắn tin có một ID của pager:

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

Nếu bạn có nghĩa là thanh công cụ lọc, bạn có thể làm điều này: (tình trạng là tên col - vì vậy, thay thế "#gs_status" w/"#gs_" + your_col_name

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

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