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"
        }
    },

我会将 onChange 事件处理程序放在搜索选项（或 colModel）的什么位置？

Answer 1

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

如果您确实需要在<select> 中处理onChange 事件，那么您需要在dataEvents 中定义change 事件处理程序：

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
            }
        }
    ]
}