如何動態傳遞數據以使用jqGrid進行搜索？

我正在使用jqGrid來呈現一些數據。現在我希望能夠根據兩個不同選擇框的值修改數據。例如，我有一個位置ID的下拉列表和日期範圍的下拉列表。我想根據位置ID和日期範圍進行過濾，在我的/something/search操作中處理此邏輯。我怎樣才能將這些額外的數據動態地傳遞給jqGrid？因此，（1）初始負載和（2）當onChange事件被觸發，我會像{data: {location_id: 10, range_start: '1/1/2012', range_end: '1/5/2010'}}通過。如果需要的話包括我現有的代碼：：然後我可以讀這作爲一個PARAM，就像我對"page", "rows", "sidx"做，等等。如何動態傳遞數據以使用jqGrid進行搜索？

編輯

grid.jqGrid({ 
    url: "/something/search", 
    datatype: "json", 
    colNames: ['', 'ID', 'Description', 'Start', 'End', 'Last Updated'], 
    colModel: [{name:'act',index:'act', width:16,sortable:false}, 
      { name: 'id', index: 'id', width: 100, hidden: true }, 
      { name: 'description', index: 'description', width: 200 }, 
      { name: 'start_date', index: 'start_date', width: 120 }, 
      { name: 'end_date', index: 'end_date', width: 120 }, 
      { name: 'last_update', index: 'last_update', width: 120 }], 
    rowNum: 20, 
    rowList: [10, 20, 50], 
    pager: '#data-list-pager', 
    sortname: 'ident', 
    viewrecords: true, 
    sortorder: "desc", 
    multiselect: false, 
    height: "100%", 
    caption: "", 
    altRows: true, 
    width: 865});

來源

2012-02-02 Ron Garrity

第一種方式要解決的問題是按照我所描述的方式here。在用戶用於過濾網格的控件將在網格外部的情況下。

我建議的另一種方法是使用Toolbar Searching。該方法的優點是用於搜索的控件將在網格中集成。在這種情況下，您可以使用jQuery UI Datepicker的選擇控件或文本輸入。

要添加Toolbar Searching你只需要調用filterToolbar與你喜歡的參數。如果你會stringResult：真正的選項filters參數將被髮送到服務器的格式會the same像在高級搜索中使用的情況。要爲'start_date'和'end_date'的「較少或相等」搜索操作定義「更大或相等」的搜索操作，您只需將searchoptions添加爲'ge'或'le'作爲sopt屬性的第一個元素。

其結果之一將是能夠過濾電網：

enter image description here

和

enter image description here

看到the demo。

來源

2012-02-02 17:59:26 Oleg

感謝。我擁有的數據將不會在jqGrid中返回，但我會查看postData。 – 2012-02-02 19:06:38

@RonGarrity：不客氣！ – Oleg 2012-02-02 21:31:24

如何動態傳遞數據以使用jqGrid進行搜索？

回答

相關問題