`
pengju
  • 浏览: 5850 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类

Extjs4中的树与extjs3中相比变化真大啊!

 
阅读更多

这段时间在整extjs4,其中涉及到要把以前做extjs3中好多的自定义组件,改写到4下面去,在这个过程中发现extjs4更新变化实在是大,可以说是翻天覆地的变化也不为过。

像以前做的队列文件上传组件,就用了好久才改到4下面可以用,中间碰到了一系列的问题,后来改造自己做的ImgCrop组件,又是用了n久才搞好。

现在又碰到了一个很棘手的问题,那就是tree的改造,以前做extjs3的时候做过一个类似组织部门分部图的树形结构,也就是网上命名的ecotree,现在要把它改造到extjs4下面可以使用,首先碰到的问题就是,extjs这次更新中树形的结构发生了根本性的变化,首先treepanel现在就是继承panel的子类,树形的结构代码变化到Ext.data.Tree中,其中以前的treenode也变化到Ext.data.NodeInterface中去了,树形的数据加载也是通过treestore加载到树种去了,树形的拖动也变化了,不是以前的treedragzone和treedropzone了,现在事整合在一起了,通过plugin的方式加载到treeviewdragdrop中去了,其中使用了Ext.tree.ViewDragZone和Ext.tree.ViewDropZone,这两个有继承了Ext.dd.DragZone和Ext.dd.DropZone,要把以前的功能转化过来真的难度很大,中间甚至考虑把extjs3树形这块改名搬过来直接使用,如果用沙箱的话更不可能,因为主体代码都是extjs4的,不是在extjs3中需要使用extjs4的功能,大家谁有什么好的意见,请不吝赐教,非常感谢!

分享到:
评论

相关推荐

    extjs4官方示例以及api文档html版

    这些示例涵盖了EXTJS4的各种组件和功能,包括表格(Grid)、面板(Panel)、表单(Form)、菜单(Menu)、工具栏(Toolbar)、树形视图(Tree)、图表(Charts)等。通过运行示例,你可以直观地看到组件的外观和交互...

    EXTJS与.NET开发

    9. **EXTJS Charts与.NET图表控件**:EXTJS的图表组件能够生成各种复杂的数据可视化图表,与.NET的图表控件相比,EXTJS的图表更加动态和交互性更强。 10. **EXTJS Theming与.NET皮肤设计**:EXTJS允许开发者自定义...

    Extjs4.0需要引用的文件

    在ExtJS 4.0版本中,引用文件的方式相比之前的版本有所变化,这使得开发者在使用时需要了解这些变动以确保程序正常运行。 首先,ExtJS 4.0 引入了一个名为 `bootstrap.js` 的新文件。这个文件的主要目的是自动加载...

    ExtJs教程_完整版

    与其他JavaScript库相比,ExtJS不仅简化了开发流程,还极大地提高了Web应用的交互性和美观度。 **1.2 与YUI的关系** ExtJS最初是作为Yahoo User Interface (YUI) 的扩展而发展起来的。尽管YUI提供了一套基础的用户...

    ExtJS4.1中文版和APIEXTJS3.0中文版API

    然而,与4.1相比,3.0的MVC架构相对较弱,数据管理和应用组织可能需要更多的手动工作。 3.0的中文版API文档同样重要,因为它可以帮助初学者理解ExtJS的基本概念和用法。虽然4.1引入了许多新特性,但3.0仍然是许多...

    extjs4Grid和jqGrid对比.doc

    ### ExtJs 4 Grid 与 jqGrid 对比分析 #### 一、数据展示对比 在数据展示方面,ExtJs 4 Grid 和 jqGrid 都采用了 JSON 格式的数据交互方式,但两者在实现机制上存在一定的差异。 1. **ExtJs 4 Grid**: - **耦合...

    Extjs4 循序渐进 详细讲解

    首先,让我们了解一下ExtJS 4中的关键变化。与之前的版本相比,4.x引入了重大的重构,特别是对类系统的改进。`Ext.define`方法的引入使得动态加载和类定义变得更加灵活和高效。通过这个方法,开发者可以声明新的类并...

    exxtjs4.0中树的用法

    在EXTJS 4.0中,相比于之前的版本,树形组件(Tree)的用法有了显著的变化。EXTJS 4引入了大量的改进和重构,包括命名规范的调整、组件的继承结构变化以及数据存储结构的更新,这使得EXTJS 4在功能和性能上都有所...

    ExtJS-Layouts.pdf

    本文将深入探讨ExtJS4中的布局系统,涵盖其基本概念、各种布局类型的特性及应用场景,并通过具体示例展示如何有效利用这些布局。 二、ExtJS布局概述与分类 ### 1. Box Model Layout vs Sencha Layouts 传统的Box ...

    ext-4.2.0.663 EXTJS官方最新版7z压缩

    3. 更新依赖:如果有其他依赖EXTJS的项目,需要检查这些项目是否与新版本兼容,并进行相应的更新。 4. 升级策略:根据项目的规模和复杂度,选择合适的方式升级,如逐步迁移或一次性替换。 5. 性能优化:利用新版本...

    EXT6 by Example 中文 网文整理

    与普通JavaScript相比,ExtJS代码更严谨、面向对象,更像是Java编程语言。尽管ExtJS在前端JS库中属于重量级框架,学习难度较大,但它提供的丰富组件和架构模式可以帮助开发者更高效地构建复杂的Web应用。 ExtJS的一...

    ext3.0核心库文件

    不过,EXT3也有一些限制,比如相比后来的EXT4和XFS等文件系统,EXT3在并发性能和文件系统挂载速度上稍逊一筹,且不支持在线扩容。EXT4作为EXT3的后续版本,改进了这些限制,增加了如延迟分配、大块分配等特性。 这...

    ext-3.1.1源码

    虽然EXTJS 3.1.1的图表功能相比后来版本较为有限,但依然提供了一些基础的图表类型,如柱状图、折线图、饼图等,可以用于数据可视化。 8. **主题与皮肤**: EXTJS支持自定义主题和皮肤,允许开发者改变组件的颜色...

    Ext江湖第1章(高清版)

    4. **社区支持**:Extjs拥有庞大的开发者社区,可以提供持续的支持和技术交流。 综上所述,Extjs不仅解决了明睿电气面临的技术难题,也为广大开发者提供了一种高效的前端开发方案。随着技术的发展和进步,Extjs也在...

    jQuery chart

    然而,EXTJS相比于jQuery图表库,其体积较大,可能对页面加载时间和性能产生影响。EXTJS适合构建复杂的单页应用程序(SPA),提供完整的UI解决方案,包括表格、窗体、菜单等。而如果只需要图表功能,jQuery图表库...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\extaspnet目录下,目前只有en,zh_CN,zh_TW三种实现 -你可以向其中添加自己的语言版本,并执行js\languages下的pack.bat打包,最后...

Global site tag (gtag.js) - Google Analytics