jeecg datagrid单元格编辑
时间: 2023-08-17 11:06:14 浏览: 378
Jquery datagrid实现单元格编辑
4星 · 用户满意度95%
在 JeeCG 中,Datagrid 组件支持单元格编辑。你可以通过以下步骤实现:
1. 在 Datagrid 标签中添加 editable 属性并设置为 true。
```html
<datagrid editable="true" ...>
```
2. 在 Datagrid 中定义需要编辑的列,使用 editor 属性指定编辑器类型。
```html
<column field="name" title="姓名" width="100" editor="{type:'text'}"></column>
<column field="age" title="年龄" width="100" editor="{type:'numberbox',options:{precision:0}}"></column>
<column field="address" title="地址" width="200" editor="{type:'textbox',options:{multiline:true}}"></column>
```
3. 在 Datagrid 上注册编辑事件,处理单元格编辑后的逻辑。
```javascript
$('#datagrid').datagrid({
onAfterEdit: function(index,row,changes){
// 处理编辑完成后的逻辑
}
});
```
以上就是 JeeCG Datagrid 单元格编辑的基本实现方式,你可以根据实际需求进行调整和扩展。
阅读全文