『ExtJS』01 006. ExtJS 4 组件的别名

使用别名机制，一是可以解决引入名过长的问题，二是可以使用xtype类型。

 

代码

---

Language: JavaScript

Framework: ExtJS 4.1.1a

IDE: Excplise J2EE + Spket

Ext.define('Customer.support.SupportMessage', {
            extend : 'Ext.panel.Panel',
            alias : 'widget.supportMessage',
            title : 'Customer Support',
            html : 'Customer support is online'
        });

Ext.application({
            name : 'Customer',
            launch : function() {
                Ext.create('Ext.container.Viewport', {
                            layout : 'fit',
                            items : [{
                                        xtype : 'supportMessage'
                                    }]
                        });
            }
        });

 

说明

---

1. 我们可以在类的定义中，加入alias关键字，以启动别名机制；
2. 当一个类使用alias进行别名处理之后，我们就可以使用对应的别名进行类的使用了；
3. 使用类的别名时，必须使用widget.作为别名的前缀；
4. 使用别名之后，我们就可以使用 xtype:'别名' 来进行类型的引用；