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

【问题标题】：jQgrid Toolbar search, add clear search button next to search boxjQgrid工具栏搜索，在搜索框旁边添加清除搜索按钮
【发布时间】：2013-11-25 10:44:06
【问题描述】：

我是 jQgrid 编码的新手。我已经在我的 jQGrid 中实现了工具栏搜索。我想添加清除搜索按钮，或者您可以在搜索文本框旁边说 RESET 按钮，例如
我如何做到这一点？？？我在互联网上搜索了很多关于此的内容，但没有找到与此相关的内容。我正在使用 jQgrid 4.4.4 和 jQuery 1.8.3。

【问题讨论】：

标签： javascript jquery jqgrid toolbar

【解决方案1】：

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

【讨论】：

我正在等待您的评论先生和thanx 的评论。但由于少数情况，我无法升级我的 JQgrid。如果我想在我当前的 jQgrid 版本中执行此操作....那么有可能？？？
@Rahul：抱歉，我没有看到任何简单的方法来做到这一点。实现clearSearch 功能跟随更改搜索栏中每个元素的结构。这是一个<table>，现在最多包含 3 列。最后一列是带有“清除搜索按钮”的列。搜索模块改了，ui.jqgrid.css的部分行也改了。
@Rahul: 很明显，在 jqGrid after jquery.jqGrid.min.js 的最后一个版本中可能包含 grid.filter.js，这样它就可以覆盖 grid.filter.js 的一部分 @987654329 @。您还必须从ui.jqgrid.css 的新版本中添加一些 CSS 样式。这将是很多事情要做，您将花费很多时间进行调试。 jqGrid 4.5.4 包含许多其他改进。我建议您考虑将您的解决方案迁移到新版本的 jqGrid。
好的，先生，感谢您提出如此有用的建议，我一定会专注于您的建议。像这样继续支持...
Oleg：还有一个问题我想问，所以现在因为 jQgrid 版本；没有可能添加像清除搜索按钮这样的搜索运算符？？？

【解决方案2】：

试试这个

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

这是一个例子DEMO

【讨论】：

感谢您的回复。但我想要搜索文本框旁边的列内的按钮。而且我认为您不会因为它的 asp.net 按钮代码而实现这一目标。

【解决方案3】：

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

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

//要重新加载数据结果（没有过滤器） - 重新加载jqgrid如下

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

【讨论】：