皮皮网

1.easyui和extjs哪个好
2.extjs 值得学习吗
3.EXTjs中如何获取Panel中html的内容
4.Extjs 之 initComponent 和 constructor的区别
5.精通JS脚本之ExtJS框架内容简介

easyui和extjs哪个好

       ä½œä¸ºExtJs和EasyUI都用得很熟练的一个老资格程序员，我发表一下我的看法。

       é¦–先两个框架的组件都很丰富，商业应用都要收费。ExtJS的动态性和扩展性更好，从使用效果看，easyui的组件相对体验更好一点。

       ExtJS

       ä¼˜ç‚¹ï¼š1.完全开源，我说的开源的意思并不是说不收费。

       2.我非常赞赏它的架构设计，完全的面向对象的组件化设计。所有的组件都是从一些基础的组件派生出来的，并且提供了overide,码分extend等扩展方式，可以说能够任意扩展。可能一些半桶水的人觉得ExtJS很难用，那是因为他们只懂皮毛。

       3.ExtJS的文档和实例做得比EasyUI要好得多，基础比较好的开发人员只用看官方的文档、demo、适当参考源码就能够完成任何工作，遇到问题完全不用去百度或论坛问其他人。

       4.可以完全动态开发,代码都写在JS文件里，不像ExtJS那样非得在页面放一个DOM元素。所以可以自己定制组件在任意页面引用，复用性好。

       ç¼ºç‚¹ï¼š1.可能太多人用，造成审美疲劳，反正我看腻了它的界面，自己定制界面主题有太难。

       2.可能因为它太庞大，不像easyUI那样基于页面已有的HTML

       DOM渲染，所以一般人觉得比较难(但是话有说会来，如果使用者的水平高的话，这其实也是也是它的优点。因为你要是在同一个界面点击不同按钮要动态显示各种各样不同的window、form等等的话，只要把这些JS引用到当前页面就可以吧，见上述优点4）。

       easyui

       ä¼˜ç‚¹ï¼š

       1.在页面的DOM元素加一些属性然后加几行JS就可以动态构造出相应的组件。开发方式相对ExtJS直观和简洁一些。

       2.组件相对体验更好一点，界面好像跟干净简洁。

       ç¼ºç‚¹ï¼š1.半开源，对于一个高手来说看不到源代码是很痛苦的，事，因为他们总有这样那样的扩展需求。

       2.一定要在页面上放置相应的DOM元素才能渲染（如果不对dom元素设置隐藏的话，在页面没有渲染过程中会显示一堆乱七八糟的东西）所以无法自己定制组件在其他页面引用，要复用的话得搬砖一样把JS和DOM都复制过来，遇到非常复杂的页面那是相当杂乱和痛苦的。

extjs 值得学习吗

       å¦‚果需要的话，值得学习

       ä¸ç”¨å†è°ƒcss，降低了工作量；

       æ–‡æ¡£å’Œä¾‹å­é½å…¨ï¼Œæ˜¯å¼€æºçš„，方便查看源码；

       ç»„件丰富，可以自行封装组件；

       æ´»è·ƒçš„Extjs开发交流q群：

EXTjs中如何获取Panel中html的内容

        // private

           afterRender : function(){

               if(this.floating && !this.hidden && !this.initHidden){

                   this.el.show();

               }

               if(this.title){

                   this.setTitle(this.title);

               }

               this.setAutoScroll();

               if(this.html){

                   this.body.update(Ext.isObject(this.html) ?

                                    Ext.DomHelper.markup(this.html) :

                                    this.html);

                   delete this.html;//看这里

               }

        è¿™ä¸ªæ˜¯Panel定义的源码，可以看到Panel在渲染后，把html属性被body.update使用了，然后该属性就被删除了。因此你定义出来的panel对象无法通过点属性来获取html你定义的内容了。

       æ‰€ä»¥æˆ‘们只能通过body来获取了。这样就行了：

var tb = new Ext.Panel({    

             html:'',

             tbar:[{

            text:"点击获取",

            handler : function() {

             alert(tb.body.dom.innerHTML);

            }

           }]

       });

       ä½ è¯•è¯•å§~~~

Extjs 之 initComponent 和 constructor的区别

       Extjs 提供的组件还是挺丰富的， 但是有时候需求更丰富。

       å½“Extjs 原生的组件无法实现我们的要求的时候， 就需要扩展Extjs 的组件实现自制组件了。

       é™¤äº†è¿™ç§ä½¿ç”¨çŠ¶å†µï¼Œ 有时候对于一些相同却有使用很多的配置， 可能像把它独立出来，单独设为一种组件供大家调用， 节省开发时间和提高代码重用度。

       initComponent 和 constructor 就是Extjs 提供用来实现继承和扩展的方式。

       1. initComponent这个方法是在Ext.Component的构造函数(constructor)中调用的，只有直接或间接继承自 Ext.Component的类才会在constructor里调用initComponent方法

       çœ‹ä¸€ä¸‹ Ext.AbstractComponent的源码文件 src/AbstractComponent.js

       åœ¨ constructor方法中调用了initComponent

       2.

        1）自定义类中的 initComponent　函数中必须调用 callParent();否则 调用者无法初始化这个对象

        2）针对button 这样的扩展组件来说，自定义类中的 constructor ，需要调用callParent( arguments);否则 调用者无法初始化这个对象

       [html] view plaincopyprint?

       this.callParent(arguments);

       this.callParent(arguments);

       è¿™é‡Œçš„arguments 是需要的。

       (在Extjs 4 之前的版本中， 可能会看到比较多的XXX.superclass.constructor.call 写法)

       sencha 的官网中有一篇针对这两个区别的讨论：

       /forum/showthread.php?-constructor-Vs-initComponent

       ä¸è¿‡è¯­æ³•æ˜¯åŸºäºŽExtjs 3 来讨论的， 笔者觉得作用不是很大。

精通JS脚本之ExtJS框架内容简介

       深入理解并掌握ExtJS框架对于Web开发至关重要。本书以全面且易懂的码分方式，将内容分为个章节，码分旨在引导读者逐步掌握相关技术。码分首先，码分jdk 1.8源码它详细讲解了JavaScript的码分抓龙王源码基础，包括对象编程和浏览器对象模型，码分以及事件机制的码分运作原理。接着，码分核心章节探讨了ExtJS的码分核心类库和组件，展示了其强大的码分组件设计能力。

       书中特别关注了事件处理方式，码分让读者学会如何有效地利用ExtJS进行事件管理。码分步步稳赢源码接下来，码分读者将学习如何设计实用的码分界面元素，如进度条、工具栏、沈阳seo源码菜单栏和面板。表格设计、表单构建以及数据表的实现，都涵盖在内，内存镜像源码展示了ExtJS在数据展示和用户交互中的灵活性。

       此外，ExtJS对Ajax的支持以及调试技巧也是本书的重要内容，帮助读者理解和优化网络请求，解决开发过程中的常见问题。最后，通过实际的项目案例，如商品信息管理系统和企业任务管理系统，读者将看到ExtJS在实际项目中的应用和实现步骤，以便更好地理解和应用。

       为了辅助学习，本书还附带了配套光盘，包括所有实例的源代码和视频教学，为自学者和培训者提供了丰富的学习资源。无论是希望自学Web开发，还是寻求RIA Web程序开发的专业培训，本书都是一个理想的指南。