jqgrid 点击按钮 动态刷新searchoptions 数据筛选下拉框数据
时间: 2024-03-03 12:48:23 浏览: 66
jQGrid动态填充select下拉框的选项值(动态填充)
要实现 jqGrid 中点击按钮动态刷新 searchoptions 数据筛选下拉框数据,可以按照以下步骤进行:
1. 定义下拉框的数据源,可以通过 Ajax 请求获取数据;
2. 创建一个函数来刷新下拉框的数据源,并重新初始化 jqGrid 的搜索栏,例如:
```
function refreshSelectOptions() {
$.ajax({
url: "getOptionsData",
success: function(data) {
// 将新的数据源设置到下拉框中
$("#grid").setColProp("columnName", { editoptions: { value: data }});
// 重新初始化搜索栏
$("#grid")[0].triggerToolbar();
}
});
}
```
3. 在按钮的点击事件中调用刷新函数,例如:
```
$("#refreshBtn").click(function() {
refreshSelectOptions();
});
```
4. 在 jqGrid 的初始化中,将下拉框的 editoptions 设置为初始的数据源,例如:
```
colModel: [
{
name: "columnName",
edittype: "select",
editoptions: { value: "1:Option 1;2:Option 2;3:Option 3" }
},
// ...
]
```
这样,点击按钮后就可以动态刷新下拉框的数据源,并重新初始化搜索栏,从而实现数据筛选下拉框数据的动态刷新。
阅读全文