欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

[Ext JS]可编辑列Grid的全场景开发

程序员文章站 2022-03-21 13:51:41
基本功能描述与实现在Grid中,对一列或某几列批量编辑。编辑效果如下图:功能实现的思路如下:可编辑的列使用 widgetcolumn 类型。调用Grid的reconfigure()方法,重新生成新列的Grid。widgetcolumn列的widget属性用来配置编辑组件的类型,比如文本输入框、日期输入或是下拉单。编辑组件中输入的值使用 bind方式与原Store绑定(bind),也就是store的记录的值会显示在编辑组件中,编辑组件发生修改时会同步更新Store,这样的好处是获取修改的部分很简...

基本功能描述与实现

在Grid中,对一列或某几列批量编辑。编辑效果如下图:
[Ext JS]可编辑列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