Ext UI组件 - Component, Button

最新推荐文章于 2022-05-20 23:16:04 发布

hexidlee

最新推荐文章于 2022-05-20 23:16:04 发布

阅读量2.4k

点赞数

文章标签： button ext ui function html api

本文链接：https://blog.csdn.net/hexidlee/article/details/6163286

版权

这篇博客介绍了Ext中的Component基类及其构造方法、事件机制，并深入讲解了Button组件的封装、常用属性、方法及事件，展示了如何创建和定制Button。

摘要由CSDN通过智能技术生成

Component

在Ext中对常用的UI组件都进行了一系列的封装，而各个组件都具有一些相同的属性或者事件，这些相同的属性被封装起来成为Component类，每个UI组件都继承Component类，可见Ext在面向对象方面有很好的实现。看一下Component中的定义：

    Js代码  
  
//构造方法，传入config参数     
Ext.Component = function (config){    
    config = config || {};   
    if (config.initialConfig){...};    
    this .initialConfig = config;    
    Ext.apply(this , config);    
    this .addEvents(...);    
    this .getId();    
   
    Ext.ComponentMgr.register(this );    
    Ext.Component.superclass.constructor.call(this );    
   
    if ( this .baseAction){    
            this .baseAction.addComponent( this );    
    }   
   
    //初始化组件     
    this .initComponent();    
   