下拉列表comboBox的使用
使用1
Ext.csap.ComboBox = Ext.extend(Ext.form.ComboBox, {
constructor : function(config) {
config = config || {};
Ext.apply(this, config);
// 继承后，新对象的一些默认配置
var defaultConfig = {
model : 'local',
triggerAction : 'all',
forceSelection : true,
editable : false,
listeners : {
expand : function(c) {
c.doQuery('all', true);
}
}
};
Ext.csap.ComboBox.superclass.constructor.call(this, defaultConfig);
}
});
使用2
自己写的comBobox的模板(data形式)
new Ext.form.ComboBox({
fieldLabel : '星期',
id : 'week',
store : new Ext.data.SimpleStore({
//除了星期一到星期7，还要其他数据(这些数据要访问服务器地址)，则可以添加url :'XXXX.DO',得到的数据跟data是合并的
fields : ['value','text'],
data : [['1','星期一'],['2','星期二'],['3','星期三'],['4','星期四'],
['5','星期五'],['6','星期六'],['7','星期七']]
}),
triggerAction : 'all',//如果从服务器去数据，就必须要有这个
valueField : 'value',
pageSize : 10,//当pageSize的数据大于0的时候，就有分页显示
displayField : 'text',
typeAhead : true,
mode : 'local',//如果是从服务器得到数据的话，就要把local改成remote
emptyText : '请选择星期'
})
使用3
自己写的comBobox的模板(reader形式)
new Ext.form.ComboBox({
fieldLabel : '周',
id : 'weekNo',
store : new Ext.data.Store({
proxy : new Ext.data.MemoryProxy([['1','第一周'],['2','第二周'],['3','第三周'],['4','第四周'],['5','第五周']]),
reader : new Ext.data.ArrayReader({}, Ext.data.Record.create(['value','text'])),
autoLoad : true
}),
valueField : 'value',
displayField : 'text',
mode : 'local',
emptyText : '请选择第几周'
})