jqGrid搜索延遲

Question

我使用jqGrid的篩選器工具欄，其選項searchOnEnter：false。我在字段中輸入一些文本後立即發送請求。在我的應用程序中，最好等待用戶輸入他想要的文本，然後在停止輸入時進行搜索。那麼，在jqGrid中是否可以在請求發送到服務器之前添加延遲？

Answer 1

這是正確的問題，但jqGrid無法在應用自動搜索之前指定超時。它總是500毫秒。

如果您檢查filterToolbar的源代碼，您會發現使用searchOnEnter選項的the following lines。

$("input",thd).keydown(function(e){ 
    var key = e.which; 
    switch (key) { 
     case 13: 
      return false; 
     case 9 : 
     case 16: 
     case 37: 
     case 38: 
     case 39: 
     case 40: 
     case 27: 
      break; 
     default : 
      if(timeoutHnd) { clearTimeout(timeoutHnd); } 
      timeoutHnd = setTimeout(function(){triggerToolbar();},500); 
    } 
}); 

所以你幾乎可以連同默認searchOnEnter: false選項使用相同的代碼，哪些是你需要超時後手動執行的triggerToolbar呼叫。例如，該碼開始的下面fragmant搜索工具欄上的打字後3秒（3000毫秒）的超時之後搜索：

var timeoutHnd, k = $.ui.keyCode, 
    toSkip = [k.TAB, k.SHIFT, k.ALT, k.ESCAPE, k.LEFT, k.UP, k.RIGHT, k.DOWN, k.HOME, k.END, k.INSERT]; 
$grid.jqGrid("filterToolbar", {defaultSearch: "cn"}); 
$grid.closest(".ui-jqgrid-view") 
    .find(".ui-jqgrid-hdiv .ui-search-toolbar input[type=text]") 
    .keydown(function (e) { 
     var key = e.which; 
     if (key === k.ENTER) { 
      return false; 
     } 
     if ($.inArray(key, toSkip) < 0) { 
      if (timeoutHnd) { 
       clearTimeout(timeoutHnd); 
       timeoutHnd = 0; 
      } 
      timeoutHnd = setTimeout(function() { 
       $grid[0].triggerToolbar(); 
       timeoutHnd = 0; 
      }, 3000); 
     } 
    }); 

Here是相應的演示：

修訂：Free jqGrid jqGrid的分支支持autosearchDelay選項（默認值爲500）filterToolbar可以與autosearch: true（默認值）和searchOnEnter: false。因此上述技巧不是必需的。可以使用

$grid.jqGrid("filterToolbar", { 
    searchOnEnter: false, 
    autosearchDelay: 3000 // 3 sec 
});