jqgrid searchoptions 下拉框设置固定高度
时间: 2023-08-30 08:12:27 浏览: 130
jQGrid动态填充select下拉框的选项值(动态填充)
要在 jqGrid 的 searchoptions 中设置下拉框的固定高度,可以将 buildSelect 函数中返回的 select 元素设置一个固定的高度,然后添加 overflow 属性,将下拉框选项超出高度的部分隐藏起来,示例代码如下:
```
{
name: 'status',
index: 'status',
width: 100,
editable: true,
edittype: 'select',
editoptions: {
value: '1:Active;2:Inactive',
},
searchoptions: {
sopt: ['eq', 'ne'],
dataUrl: 'get_status_options.php',
buildSelect: function(response) {
var data = jQuery.parseJSON(response);
var select = "<select style='height: 100px; overflow: auto;'>";
for (var i = 0; i < data.length; i++) {
select += "<option value='" + data[i].id + "'>" + data[i].name + "</option>";
}
select += "</select>";
return select;
}
}
}
```
在上面的代码中,select 元素的 style 属性中设置了一个固定的高度为 100px,并且添加了 overflow: auto 属性,这样当下拉框选项超出高度时,就会显示滚动条,使用户可以滚动查看所有选项。
阅读全文