events - JqG​​rid 自定义搜索工具栏事件处理程序

Question

我创建了一个带有下拉列表的 jqGrid 网格，这个列表(由于开发限制)需要加载一次，以便可以过滤所有返回的数据，到目前为止一切都很酷，

当下拉列表发生变化时，问题就来了，虽然大部分过滤/搜索是在客户端完成的，但我需要下拉列表来触发一个调用，该调用将使用新添加的参数从下拉列表。

我附上了构建工具栏搜索的代码部分，但我不知道如何添加功能以在更改选择值时捕获事件处理程序，仅在这种情况下我需要一个非标准代码已执行 - 例如函数 callNewData()

colNames:["Rent Due Date ","Tenant","Description","Address","Payment Ref.","Rent     Amount","Outstanding","Amount     Received","Confirm?","tenancyID","tenantID","rentID","existingRent"],
    colModel :[{
        name:"rentDueDate", 
        index:"rentDueDate", 
        align:"center", 
        width:"130", 
        search:true, 
        stype:"select",
        searchoptions: {
            value: "all:All;due:Due;overdue:Overdue;future:+1 Week;" ,
            defaultValue:"due"
        }
    },

我应该在搜索选项(或 colModel)中的什么地方放置 onChange 事件处理程序？

Answer 1

抱歉，尚不清楚您的确切问题是什么。如果用户从下拉列表中选择一个选项，则 jqGrid 自动使用用户选择的过滤器重新加载网格。如果你使用本地datatype然后过滤将由 jqGrid 在内部完成。如果你使用 datatype: "json"或 datatype: "xml"没有使用loadonce: true然后 jqGrid 向服务器发送请求，将有关过滤器的信息附加到标准参数列表。

如果你真的需要处理onChange <select> 中的事件那么你需要定义 change dataEvents 内部的事件处理程序:

searchoptions: {
    value: "all:All;due:Due;overdue:Overdue;future:+1 Week;",
    defaultValue: "due",
    dataEvents: [ 
        {
            type: "change",
            fn: function (e) {
                // some code which will be executed onChange
            }
        }
    ]
}