Extjs grid中可编辑行editor怎么设置必填
时间: 2024-02-25 13:51:19 浏览: 37
在 ExtJS 的 Grid 中,我们可以通过在编辑器(editor)组件中添加校验器(validator)来实现必填验证。具体步骤如下:
1. 在 Grid 中声明 column 配置项时,将需要设为必填的列添加一个 editor 配置项,指定编辑器类型为 TextField 或者 TextArea。
```javascript
columns: [
{
text: '姓名',
dataIndex: 'name',
editor: {
xtype: 'textfield' // 指定编辑器类型为 TextField
}
},
{
text: '年龄',
dataIndex: 'age',
editor: {
xtype: 'textfield' // 指定编辑器类型为 TextField
}
}
]
```
2. 在 TextField 或者 TextArea 的 validator 中添加必填验证逻辑,如果未填写则返回验证失败的提示信息。
```javascript
columns: [
{
text: '姓名',
dataIndex: 'name',
editor: {
xtype: 'textfield', // 指定编辑器类型为 TextField
validator: function(value) {
if (value) {
return true;
} else {
return '姓名不能为空';
}
}
}
},
{
text: '年龄',
dataIndex: 'age',
editor: {
xtype: 'textfield', // 指定编辑器类型为 TextField
validator: function(value) {
if (value) {
return true;
} else {
return '年龄不能为空';
}
}
}
}
]
```
这样,当用户在编辑表格时,如果未填写必填项,则会在编辑器旁边显示提示信息,并且无法保存修改。