jqgrid 4.6.0 动态设置下拉框筛选值
时间: 2023-12-14 18:02:20 浏览: 42
在 jqGrid 4.6.0 版本中,可以通过以下步骤动态设置下拉框筛选值:
1. 获取要设置的列的搜索选项对象,例如:
```
var colModel = $("#grid").jqGrid('getGridParam', 'colModel');
var searchOptions = colModel[0].searchoptions;
```
2. 设置 selectOptions 属性,例如:
```
searchOptions.selectOptions = { "value1": "text1", "value2": "text2", "value3": "text3" };
```
其中,value1、value2、value3 分别是下拉框中的选项值,text1、text2、text3 分别是选项的显示文本。
3. 最后需要重新加载 jqGrid,例如:
```
$("#grid").trigger("reloadGrid");
```
这样就可以动态设置 jqGrid 中的下拉框筛选值了。需要注意的是,在 jqGrid 4.6.0 版本中,下拉框筛选值的设置是通过 selectOptions 属性实现的。
相关问题
jqgrid dataInit 设置数据下拉框筛选值
在 jqGrid 中,可以通过 dataInit 属性来设置数据下拉框的筛选值。dataInit 是一个函数,用于初始化单元格编辑器的值和属性。以下是设置数据下拉框筛选值的步骤:
1. 在 colModel 中定义列模型,例如:
```
colModel: [
{ name: 'id', index: 'id', width: 60, editable: true },
{ name: 'name', index: 'name', width: 100, editable: true,
edittype: 'select',
editoptions: {
dataUrl: 'data.php',
dataInit: function (elem) {
$(elem).autocomplete({
source: function (request, response) {
$.ajax({
url: 'data.php',
dataType: 'json',
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
minLength: 2
});
}
}
},
{ name: 'price', index: 'price', width: 80, align: 'right', editable: true }
]
```
2. 在 editoptions 中设置 dataUrl 和 dataInit,例如:
```
editoptions: {
dataUrl: 'data.php',
dataInit: function (elem) {
$(elem).autocomplete({
source: function (request, response) {
$.ajax({
url: 'data.php',
dataType: 'json',
data: {
term: request.term
},
success: function (data) {
response(data);
}
});
},
minLength: 2
});
}
}
```
其中,dataUrl 是下拉框的数据源,dataInit 是一个函数,用于初始化下拉框的值和属性。在 dataInit 函数中,可以通过 $(elem) 获取到当前下拉框的 jQuery 对象,然后使用 jQuery UI 的 autocomplete 方法设置下拉框的筛选值。
3. 最后需要重新加载 jqGrid,例如:
```
$("#grid").trigger("reloadGrid");
```
这样就可以设置 jqGrid 中数据下拉框的筛选值了。需要注意的是,在 editoptions 中还可以设置其他属性,例如 multiple、size、value 等。
jqgrid 4.6.0 动态设置 searchoptions
在 jqGrid 4.6.0 版本中,可以通过以下步骤动态设置 searchoptions:
1. 获取要设置的列的搜索选项对象,例如:
```
var colModel = $("#grid").jqGrid('getGridParam', 'colModel');
var searchOptions = colModel[0].searchoptions;
```
2. 设置 searchoptions 属性,例如:
```
searchOptions = {
sopt: ['eq', 'ne'],
value: "value1:text1;value2:text2;value3:text3"
};
```
其中,sopt 是搜索操作符的列表,value 是下拉框的选项值和显示文本。
3. 最后需要重新加载 jqGrid,例如:
```
$("#grid").trigger("reloadGrid");
```
这样就可以动态设置 jqGrid 中的 searchoptions 了。需要注意的是,在 jqGrid 4.6.0 版本中,searchoptions 包含了多个属性,如 sopt、value、dataUrl、buildSelect、dataInit 等,可以根据需求进行设置。