Excel 喜欢在 jqgrid 中进行过滤答案

【问题标题】：Excel like filtering in jqgridExcel 喜欢在 jqgrid 中进行过滤
【发布时间】：2012-10-03 21:41:25
【问题描述】：

我是 jquery 和 jqGrid 的新手。我正在为此苦苦挣扎。我需要有人在 JqGrid 中帮助我，我需要在 jqGrid 中过滤标题。当我找到由 Oleg 完成的demo 时，我会寻找它。但是当我选择复选框时，我需要复选框，搜索值必须像 Excel 过滤一样进行过滤。请帮帮我。

即使我找到了implementation，但这对我不起作用。请帮助我，因为我非常需要它。

提前致谢

【问题讨论】：

【解决方案1】：

我不喜欢“Excel 喜欢过滤”之类的词，因为每个人对它的解释方式不同。所以我必须以我如何解释它的方式来回答。

我认为你应该使用由Eric Hynds 编写的jQuery UI MultiSelect Widget。我之前写了一些答案和演示，展示了如何使用它。

The demo 展示了如何使用 jQuery UI MultiSelect Widget 和 toolbar searching 来实现“类似 Excel 的过滤”。

顺便说一句，您可以动态构建多选小部件显示的值列表，就像the answer 中的 jQuery UI 自动完成值一样。

另一个答案（this 和 this）以及相应的演示（this 和 this）显示了如何使用小部件进行编辑。

更新：The updated demo 使用 jqGrid 4.4.1、jQuery UI 1.8.24 和 jQuery 1.8.2 以及当前（从 29.09.2012 开始的 1.13.6 版本）下载的 jQuery UI Multiselect 版本来自github。

更新 2：The answer 包含 filterToolbar 的 beforeClear 回调，在使用“刷新”按钮的情况下是必需的。答案包含使用 jqGrid 4.6.0 的更新演示。

【讨论】：

@user1268130 我发布了更新到当前 jqgrid 版本的演示：请参阅我的答案的 UPDATED 部分。
@Mohammad：我的回答中的演示包含 HTML 页面内的完整 JavaScript 代码。因此，您只需在任何网络浏览器中打开演示。然后您可以通过单击鼠标右键打开上下文菜单并选择“查看页面源”之类的项目。
这对 jqgrid php 也可用吗？
@HelloMan：你的意思可能是 Guriddo Suito PHP？我不使用基于 jqGrid 原始纯 JavaScript 版本的个人商业产品。所以很难说你怎么能做到这一点，但我相信如果可能的话，因为它基于相同的 JavaScript 代码。您需要在 dataInit 部分的某处包含您自己的代码。