下面是使用奧列格的優秀幫助我實現它的方式。
我希望我的用戶能夠立即鍵入搜索條件(在這種情況下,用戶的名稱),並讓jqGrid顯示結果。沒有搞亂彈出的搜索對話框。
這是我的最終結果是:
要做到這一點,我需要這個HTML:
Employee name:
<input type="text" name="employeeName" id="employeeName" style="width:250px" />
<!-- This will be my jqGrid control and pager -->
<table id="tblEmployees"></table>
<div id="pager"></div>
和這個JavaScript:
$("#employeeName").on('change keyup paste', function() {
SearchByEmployeeName();
});
function SearchByEmployeeName()
{
// Fetch the text from our <input> control
var searchString = $("#employeeName").val();
// Prepare to pass a new search filter to our jqGrid
var f = { groupOp: "AND", rules: [] };
// Remember to change the following line to reflect the jqGrid column you want to search for your string in
// In this example, I'm searching through the UserName column.
f.rules.push({ field: "UserName", op: "cn", data: searchString });
var grid = $('#tblEmployees');
grid[0].p.search = f.rules.length > 0;
$.extend(grid[0].p.postData, { filters: JSON.stringify(f) });
grid.trigger("reloadGrid", [{ page: 1 }]);
}
同樣,我感謝Oleg展示如何使用這些搜索過濾器。
這確實使jqGrid 太多更方便用戶使用。
@奧列格,你能幫我一下嗎?並幫助我像你之前做過很多次? – Ovi 2012-01-12 08:37:31
我收到上面的消息。如果您希望在將來向我發送消息,則應將其發佈在我編寫答案或評論的任何頁面上。只有在這種情況下,我纔會收到有關郵件的通知。 – Oleg 2012-01-12 10:47:31
好的謝謝,我知道下一次... – Ovi 2012-01-12 10:50:42