jQgrid工具栏搜索,在搜索框旁边添加清除搜索按钮

时间:2013-11-25 10:44:07

标签: javascript jquery jqgrid toolbar

我是新的jQgrid编码。我在jQGrid中实现了工具栏搜索。在那里我想添加清除搜索按钮,或者你可以在搜索文本框旁边说“重置”按钮,如enter image description here
 我是怎么做到的???我在互联网上搜索了很多关于这一点,但我没有找到相关的东西来实现这一点。我正在使用jQgrid 4.4.4& jQuery 1.8.3。

3 个答案:

答案 0 :(得分:3)

您应该将jqGrid更新到最新版本4.5.4。它已实现您需要的功能。 clearSearch: false中的新属性colModel可用于在某些列中删除清除搜索按钮。

答案 1 :(得分:0)

试试这个

$('#delete-button').click(function(){
   $('#input-field').val("");
});

以下是 DEMO

的示例

答案 2 :(得分:-1)

///清除jqgrid中的所有文本框

$('input[id^="gs_"]').val('')

//要重新加载数据结果(不使用过滤器)-如下重新加载jqgrid

$("#jggridId")
.jqGrid('setGridParam', { search: false, postData: { "filters": "" }})
.trigger("reloadGrid");