皮皮网

1.EXTjs中如何获取Panel中html的内容
2.java web开发时使用exjts4.0.7时应导入哪相关的源码包些资源
3.精通JS脚本之ExtJS框架内容简介
4.Extjs 之 initComponent 和 constructor的区别

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);

            }

           }]

       });

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

java web开发时使用exjts4.0.7时应导入哪相关的包些资源

       这是我的步骤，希望那个可以帮到你

       1.把extjs的源码源码包导入到项目中，放在webroot目录下

       2.新建一个jsp文件。源码在jsp页面中引入样式文件

       <link rel="stylesheet" type="text/css" href="extjs-3.4.0/resources/css/ext-all.css">

       3.引入extjs的源码优选网站源码底层驱动

       <script type="text/javascript" src="extjs-3.4.0/adapter/ext/ext-base.js"></script>

       4.引入ext-all.js文件

       <script type="text/javascript" src="extjs-3.4.0/ext-all.js"></script>

       5.编写helloworld程序

       <script type="text/javascript">

        Ext.onReady(function(){

        var win = new Ext.Window({

        width:,

        height:,

        title:'hello world',

        content:'this hello world!'

        })

        //让该窗口显示出来

        win.show();

        })

        </script>

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

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

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

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

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

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 来讨论的， 笔者觉得作用不是很大。