JQuery JQGrid插件，如何通过链接点击模拟工具栏过滤操作？

Posted 2023-05-09

【中文标题】JQuery JQGrid插件，如何通过链接点击模拟工具栏过滤操作？

【英文标题】：JQuery JQGrid plugin, how to simulate a toolbar filter operation by link click?

【发布时间】：2016-03-29 16:13:36

【问题描述】：

我正在使用带有过滤工具栏的 JQuery 和 JqGrid 插件。例如，在“名称”列的过滤器中输入“ABC”时，所有包含“ABC”的名称都会被过滤掉。

现在，我希望当我点击如下链接时：

<a href="???">ABC</a>

所有包含“ABC”的名字都会被过滤掉，就像过滤工具栏的操作一样。

如何做到这一点？

【参考方案1】：

你想把链接<a href="???">ABC</a>放在哪里？

一般情况下，您需要在页面上放置一个按钮、一个链接、一个跨度或一些其他元素，并绑定调用triggerToolbar() 的click 事件并返回false 以防止<a> 的默认操作。因此解决方案可能是以下 html 代码

<a id="mysearch" href="#">Click me to apply the filter</a>

以及下面的 javascript 代码

$("#mysearch").click(function () 
    $("#mygrid")[0].triggerToolbar();
    return false;
);