投放本站广告请联系: extjscn#126.com
这几天要把项目中的几个模块有ext3升级到ext4，还要保持页面展示和功能要跟3.x版本的一样。升级并不是一件简单的是，基本相当于重写了，3.x版本的复选框树级联操作是在网上找的一个现成的插件，直接搬运到4.2中就不能用了，但是又找不到可用的插件。百度谷歌了好久，还真让我搞出来一个方法，记录下来吧，也分享给大家。如有不合理或者更好的方法希望不吝赐教。
在3.x版本中要实现级联选择的话，我使用的是一个TreeCheckNodeUI.js这个文件百度一下都能找到啊，就不详细说明了，很好用。
在4.2中实现的方法是在treepanel的配置项viewConfig中添加函数onCheckboxChange，表示复选框选择状态发生变化是触发的事件，先把代码贴出来：
在对树节点进行操作后往往需要进行reload操作刷新一下树，但是很多业务都需要在树形刷新后默认选中最后一次选中的节点。这样就必须先保存前一次选中节点的信息，在reload之后再次通过节点的信息进行expand逐层展开到这个节点上。
查询了好久终于找到一个可行的方案，就是通过节点的path来记录节点的位置信息，然后通过path从root节点开始逐层展开，直到最后一个节点。
完成的代码如下：
首先是extjs3.x版本中的方法：
在JS的开发过程中，大规模的JS脚本难以组织和维护，这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题，在Extjs 4.x版本中引入了MVC开发模式，开始将一个JS（Extjs）应用程序分割成Model-View-Controller三层，为JS应用程序的如何组织代码指明了方向，同时使得大规模JS代码变得更加易于重用和维护；这就是Extjs MVC开发模式的初衷。
在官方给出的MVC例子中，我们可以看到一个简单的列表编辑功能，这篇文章就围绕这个功能进行详细的讲解，让我们一起来揭开Extjs MVC的神秘面纱！
本文的示例代码适用于Extjs 4.x和Extjs 5.x，在Extjs 4.2.1 和Extjs 5.0.1中亲测可用！
在先前的文章已经介绍了许多这样的技术。这有助于去了解与比较他们之间的异同，以便于选择适合的工具来完成手头的工作。
现在，JavaScript框架已成为Web项目开发不可或缺的一部分。那是因为很长一段时间以来，各种浏览器之间有很大的差别，人们不得不编写框架对此进行屏蔽。问题在于，各种浏览器甚至在基本问题上都难以取得一致，以致框架还要针对浏览器该如何工作设计自己的模型，比如如何传播事件、如何与DOM交互等。于是出现了许多框架，常见的有jQuery、Dojo、MochiKit、Ext JS、AngularJS、Backbone 、Ember、React等。对于这种情况，谷歌工程师Joe Gregorio在博文中写道：
"我认为是时候重新考虑JS框架模型了。没有必要发明另外一种做事方式，只要使用HTML+CSS+JS就行了。"
