Javascript jqgrid-未触发搜索前和搜索后功能

当用户试图在jqgrid中过滤数据时，我试图显示一个进度条。但是，不会触发beforeSearch和afterSearch功能

我试着按照文档进行操作：但是，不确定我遗漏了什么

这是小提琴手：

var mydata=[
{id:“1”，invdate:“2010-05-24”，name:“test”，note:“note”，tax:“10.00”，total:“2111.00”}，
{id:“2”，invdate:“2010-05-25”，name:“test2”，note2，tax:“20.00”，total:“320.00”}，
{id:“3”，invdate:“2007-09-01”，name:“test3”，note3，tax:“30.00”，total:“430.00”}，
{id:“4”，invdate:“2007-10-04”，name:“blah”，note:“stuff”，tax:“10.00”，total:“210.00”}
];
jQuery（“#list”）.jqGrid({
数据：mydata，
数据类型：“本地”，
身高：150，
rowNum:10，
ignoreCase：是的，
行列表：[10,20,30]，
colname:['Inv No'，'Date'，'Client'，'Amount'，'Tax'，'Total'，'Notes'，]，
colModel：[
{名称：'id'，索引：'id'，宽度：60，排序类型：“int”}，
{名称：'invdate'，索引：'invdate'，宽度：90，排序类型：“date”，格式化程序：“date”}，
{名称：'name'，索引：'name'，宽度：100}，
{名称：'amount'，索引：'amount'，宽度：80，对齐：“right”，排序类型：“float”，格式化程序：“number”}，
{名称：'tax'，索引：'tax'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'total'，索引：'total'，宽度：80，对齐：“right”，排序类型：“float”}，
{名称：'note'，索引：'note'，宽度：150，可排序：false}
],
寻呼机：“#寻呼机”，
viewrecords：是的，
自动宽度：正确，
高度：“自动”，
标题：“测试网格”，
beforeSearch:函数（）{
警报（“过滤器已启动”）；
},
后搜索：函数（）{
警报（“过滤器完成”）；
}
}).jqGrid（'filterToolbar'，{stringResult:true，SearchOnNet:true，defaultSearch:cn}）；

---

感谢您的帮助。

beforeSearch

和

afterSearch

是

filterToolbar

方法的回调函数，而不是网格本身。因此，您应该按照以下方式使用它

.jqGrid('filterToolbar', {
    stringResult: true,
    searchOnEnter: true,
    defaultSearch: "cn",
    beforeSearch: function () {
        alert('Filter Started');            
    },
    afterSearch: function () {
        alert('Filter Complete');            
    }
});

查看修改后的演示

.jqGrid('filterToolbar', {
    stringResult: true,
    searchOnEnter: true,
    defaultSearch: "cn",
    beforeSearch: function () {
        alert('Filter Started');            
    },
    afterSearch: function () {
        alert('Filter Complete');            
    }
});