Extjs自定义组件

FormUtil.js文件内容:
function getMemberLevelCombox(){
//会员类型
var memberLevelData=[['','all'],['1','type1'],['2','type2'],['3','type3']];
// 会员类型
var memberLevelStore = new Ext.data.SimpleStore({
fields: ['memberLevelId', 'memberLevelName'],
data : memberLevelData
});
// 会员类型
var memberLevelCombo = new Ext.form.ComboBox({
id:'memberLevel',
typeAhead: true,
        triggerAction: 'all',
        forceSelection: true,
        mode: 'local',
        width:80,
        emptyText:'select',store: memberLevelStore,
        valueField: 'memberLevelId',
        displayField: 'memberLevelName'
});
return memberLevelCombo;
}
Ext.MemberLevelCombox=Ext.extend(Ext.Container ,{
xtype:"container",
autoEl: 'div',
layout: 'column',
initComponent: function(){
this.items=[
{
xtype: 'tbtext',
text: '选择:'
},
getMemberLevelCombox()
,{xtype: 'tbspacer', width: 10}
]
Ext.MemberLevelCombox.superclass.initComponent.call(this);
}
})
Ext.reg('memberLevelCombox', Ext.MemberLevelCombox);
ExtJS中使用方式:
(1)、容器items中使用:
{
      xtype:'memberLevelCombox'
}
(2)、控件创建使用:new Ext.MemberLevelCombox();

你可能感兴趣的:(extjs 自定义组件)