[Ext JS 4] 实战之Grid, Tree Gird编辑Cell

最新推荐文章于 2015-11-13 17:18:03 发布

oscar999

最新推荐文章于 2015-11-13 17:18:03 发布

阅读量6k

点赞数

分类专栏： 130-Web语言 Ext JS开发大全

本文链接：https://blog.csdn.net/oscar999/article/details/12036709

版权

130-Web语言同时被 2 个专栏收录

219 篇文章 0 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

Ext JS开发大全

184 篇文章 33 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

这篇博客介绍了Ext JS 4中如何实现Grid和Tree Grid的Cell及Row编辑模式。首先，讲解了Grid的selType配置，包括rowmodel、cellmodel、checkboxmodel和treemodel。接着，详细阐述了Cell编辑模式的实现，需要添加edit plugin和配置editor。然后，介绍了Row编辑模式只需将plugin改为RowEditing。此外，文章讨论了全选编辑的问题，提出在数据量大时性能可能下降，并引用了第三方扩展解决方法。

摘要由CSDN通过智能技术生成

前言

本篇这里以稍微复杂一点的Tree Grid 来介绍.

在写编辑grid 之，先来看一下 grid 的 selType 的配置。

先给一个简单的Tree grid 的例子：

Ext.onReady(function(){
	var treeStore = Ext.create('Ext.data.TreeStore', {
		  fields: ['id','name','sex','age'],
	      root:{	    	    
	            "children":[{id:'001',name:'shu',sex:'',age:'',expanded: true,
                            "children":	[{id:'001_1',name:'liu.bei',sex:'male',age:'50'},