Extjs4 initComponent 和 constructor 的一点题目

最新推荐文章于 2021-02-24 10:40:59 发布

转载最新推荐文章于 2021-02-24 10:40:59 发布 · 1.4k 阅读

extjs 专栏收录该内容

2 篇文章

订阅专栏

本文展示了一个使用ExtJS框架创建动态按钮的示例代码。该示例通过定义一个继承自Ext.button.Button的新组件，实现了按钮文本的动态更新，并演示了如何在构造函数和初始化组件方法中设置属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

from: http://cesclub.com/bw/jishuzhongxin/Webjishu/2012/0613/32122.html

<strong style="color:#000;background:#ffff66">Ext</strong>.define（""DynamicButtonText""， {
              extend: ""<strong style="color:#000;background:#ffff66">Ext</strong>.button.Button""，
     
              <strong style="color:#000;background:#66ffff">initComponent</strong>: function（） {
                  this.text = "ss";
                  alert（"alert in <strong style="color:#000;background:#66ffff">initComponent</strong> second"） 
                  this.renderTo = <strong style="color:#000;background:#ffff66">Ext</strong>.getBody（）;       
              }，
              constructor:function（）{
              	  this.text = new Date（）;
                  alert（"alert in constructor first"）
                  //若是initComponet，constructor同时存在<strong style="color:#000;background:#ffcc99">callParent</strong>必须写在constructor中
                  	//不然initComponet中的内容不履行
                  this.<strong style="color:#000;background:#ffcc99">callParent</strong>（）; 
              }，
              scope:this
          }）;
     
          <strong style="color:#000;background:#ffff66">Ext</strong>.onReady（function（） {
              <strong style="color:#000;background:#ffff66">Ext</strong>.create（""DynamicButtonText""）;
          }）;