[Ext JS]可编辑列Grid的全场景开发
程序员文章站
2022-03-21 13:51:41
基本功能描述与实现在Grid中,对一列或某几列批量编辑。编辑效果如下图:功能实现的思路如下:可编辑的列使用 widgetcolumn 类型。调用Grid的reconfigure()方法,重新生成新列的Grid。widgetcolumn列的widget属性用来配置编辑组件的类型,比如文本输入框、日期输入或是下拉单。编辑组件中输入的值使用 bind方式与原Store绑定(bind),也就是store的记录的值会显示在编辑组件中,编辑组件发生修改时会同步更新Store,这样的好处是获取修改的部分很简...
基本功能描述与实现
在Grid中,对一列或某几列批量编辑。编辑效果如下图:
功能实现的思路如下:
- 可编辑的列使用 widgetcolumn 类型。调用Grid的reconfigure()方法,重新生成新列的Grid。
- widgetcolumn列的widget属性用来配置编辑组件的类型,比如文本输入框、日期输入或是下拉单。
- 编辑组件中输入的值使用 bind方式与原Store绑定(bind),也就是store的记录的值会显示在编辑组件中,编辑组件发生修改时会同步更新Store,这样的好处是获取修改的部分很简单,直接通过Store就可以获取(getModifiedRecords())。
基本功能实现
可编辑列的配置示例如下:
{
text: 'City',
dataIndex: 'city',
本文地址:https://blog.csdn.net/oscar999/article/details/107892263