jqgrid 5.2.1 stype="select" 能设置搜索框吗
时间: 2023-08-07 16:39:19 浏览: 104
select 增加搜索框
在 `jqGrid 5.2.1` 中,`stype="select"` 的列默认是不支持搜索框的。不过,你可以使用 `searchoptions` 属性来设置搜索框的选项,包括设置搜索框的宽度、高度、提示信息等。
以下是一个示例代码:
```javascript
{name:'category', index:'category', width:150, stype:'select', searchoptions:{sopt:['eq','ne'], dataUrl:'/get_categories.php', buildSelect:function(data){return '<select><option value=""></option>'+data+'</select>'}}, editable:true, edittype:'select', editoptions:{value:{'1':'Category 1','2':'Category 2','3':'Category 3'}}},
```
在上面的示例中,`category` 列的 `stype` 被设置为 `'select'`,并且设置了 `searchoptions` 属性,其中的 `dataUrl` 表示从服务器端获取 `select` 元素的选项,`buildSelect` 表示自定义 `select` 元素的构造函数。
如果你想自定义搜索框的样式,可以使用 `colModel` 中的 `classes` 属性。例如:
```javascript
{name:'category', index:'category', width:150, stype:'select', searchoptions:{sopt:['eq','ne'], dataUrl:'/get_categories.php', buildSelect:function(data){return '<select><option value=""></option>'+data+'</select>'}}, classes: 'my-search-class', editable:true, edittype:'select', editoptions:{value:{'1':'Category 1','2':'Category 2','3':'Category 3'}}},
```
在上面的示例中,我们为 `category` 列的搜索框设置了一个名为 `my-search-class` 的自定义样式。
总之,虽然 `jqGrid 5.2.1` 中 `stype="select"` 的列默认不支持搜索框,但你可以使用 `searchoptions` 和 `classes` 属性来自定义搜索框和样式。
阅读全文