jqgrid colModel.stype 类型
时间: 2023-12-07 21:05:02 浏览: 186
在 jqGrid 中,colModel 是用于定义表格列模型的属性之一,而 stype 属性则是 colModel 的一个子属性,用于定义表格列的编辑类型。常用的 stype 类型有以下几种:
1. text
表示文本框,用于输入文本信息。
```
{name: "name", index: "name", width: 200, editable: true, edittype: "text", stype: "text"}
```
2. select
表示下拉框,用于选择固定的选项。
```
{name: "gender", index: "gender", width: 100, editable: true, edittype: "select", stype: "select", editoptions: {value: ":请选择;1:男;2:女"}}
```
3. date
表示日期选择器,用于选择日期。
```
{name: "birthday", index: "birthday", width: 100, editable: true, edittype: "text", stype: "date", searchoptions: {dataInit: function (el) { $(el).datepicker({dateFormat: "yy-mm-dd"}); }}}
```
4. checkbox
表示复选框,用于选择一个或多个选项。
```
{name: "hobby", index: "hobby", width: 200, editable: true, edittype: "checkbox", stype: "select", editoptions: {value: "篮球:篮球;足球:足球;乒乓球:乒乓球"}}
```
5. textarea
表示多行文本框,用于输入多行文本信息。
```
{name: "description", index: "description", width: 300, editable: true, edittype: "textarea", stype: "text"}
```
6. custom
表示自定义类型,可以根据需求自定义编辑类型。
```
{name: "price", index: "price", width: 100, editable: true, edittype: "text", stype: "custom", searchoptions: {sopt: ["eq", "ne", "lt", "le", "gt", "ge"], dataInit: function (el) { $(el).spinner({min: 0, max: 1000}); }}}
```
以上就是 jqGrid 中常用的 colModel.stype 类型,你可以根据需求选择不同的编辑类型来实现表格的功能。
阅读全文