jqgrid searchoptions中 用dataInit 动态设置下拉框值
时间: 2024-03-02 21:54:13 浏览: 116
在 jqGrid 中,`searchoptions` 中的 `dataInit` 属性可以用来自定义搜索表单控件。下拉框可以通过 `dataInit` 方法来设置动态选项。
以下是一个示例,通过 ajax 请求服务器数据,然后将结果填充到下拉框中:
```javascript
{
name: 'myColumnName',
stype: 'select',
searchoptions: {
value: ':All;1:One;2:Two;3:Three',
dataInit: function(elem) {
$.ajax({
url: 'yourUrl',
dataType: 'json',
success: function(result) {
// 清空下拉框
$(elem).empty();
// 添加默认选项
$(elem).append($('<option>').val('').text(''));
// 添加选项
$.each(result, function(i, item) {
$(elem).append($('<option>').val(item.value).text(item.text));
});
}
});
}
}
}
```
这里通过 ajax 请求服务器端数据,然后将结果填充到下拉框选项中。你需要将 `yourUrl` 替换为你的服务器端数据请求地址。注意,这个例子是以静态数据的形式提供了一个默认选项,你可以通过修改 `dataInit` 方法来自定义默认选项。
阅读全文