首页 > 代码库 > 【ExtJS】关于alias和xtype
【ExtJS】关于alias和xtype
alias
在api里的解释为：别名 类名称简短的别名列表。多数用于定义xtypes
1 Ext.define(‘MyApp.Panel‘, { 2 extend: ‘Ext.panel.Panel‘, 3 alias: ‘widget.mypanel‘, 4 title: ‘MyPanel‘ 5 }); 6 7 Ext.onReady(function(){ 8 // 使用 Ext.create 9 Ext.create(‘widget.mypanel‘,{10 html: ‘Create Widget!‘,11 width: 400,12 height: 200,13 broder: true,14 renderTo: Ext.getBody()});15 16 // 使用xtype17 Ext.widget(‘panel‘, {18 renderTo: Ext.getBody(),19 width: 400,20 margin: ‘10 0 0 10 ‘,21 broder: true,22 items: [23 {xtype: ‘mypanel‘, html: ‘Xtype1!‘},24 {xtype: ‘mypanel‘, html: ‘Xtyoe2!‘}25 ]26 });27 28 29 });
效果：
不过我在5.0官方例子中，经常看到例子里很少用alias来表示类的别名，而是经常用xtype来表示
1 Ext.define(‘MyApp.Panel‘, { 2 extend: ‘Ext.panel.Panel‘, 3 //alias: [‘widget.mypanel‘], 4 xtype: ‘mypanel‘, 5 title: ‘MyPanel‘ 6 }); 7 8 Ext.onReady(function(){ 9 // 使用 Ext.create10 Ext.create(‘widget.mypanel‘,{11 html: ‘Create Widget!‘,12 width: 400,13 height: 200,14 broder: true,15 renderTo: Ext.getBody()});16 17 // 使用xtype18 Ext.widget(‘panel‘, {19 renderTo: Ext.getBody(),20 width: 400,21 margin: ‘10 0 0 10 ‘,22 broder: true,23 items: [24 {xtype: ‘mypanel‘, html: ‘Xtype1!‘},25 {xtype: ‘mypanel‘, html: ‘Xtyoe2!‘}26 ]27 });28 29 30 });
效果是一样的，感觉这样比原来的更好记，更直观一些。
【ExtJS】关于alias和xtype
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。