Ext.onReady(function(){
var config = { fields:['module'],
data:[['新建'],['删除'],['增加']};
var store = new Ext.data.SimpleStore(config);
var top=new Ext.FormPanel({
region:'north',
renderTo:'mainDiv',
frame:true,
labelWidth:75,
width: 920,
height:90,
items:[{
layout:'column',
items:[{
columnWidth:.3,
layout: 'form',
items: [new Ext.form.ComboBox({
id:'user',
fieldLabel:'用户',
triggerAction:'all',
displayField:'admin', //定义要显示的字段
forceSelection:true, //要求输入的值必须在列表中存在
resizable:true, //允许改变下拉列表大小
value:'admin', //默认选择的项
handelHeight:10 //下拉列表中拖动手柄的高度
}),new Ext.form.ComboBox({
id:'module',
fieldLabel:'操作模块',
triggerAction:'all',
store:store,
displayField:'module', //定义要显示的字段
valueField:'module', //定义值字段
mode:'local', //本地模式
forceSelection:true, //要求输入的值必须在列表中存在
resizable:true, //允许改变下拉列表大小
value:'新建', //默认选择的项
handelHeight:10 //下拉列表中拖动手柄的高度
})
]
},{
columnWidth:.3,
layout: 'form',
items: [ {id:'STime',
name: 'STime',
xtype:'datefield',
format:"Y-m-d",
readOnly:true,
fieldLabel: '时间',
anchor:'95%'
}
,{id:'ETime',
name: 'ETime',
xtype:'datefield',
format:"Y-m-d",
readOnly:true,
fieldLabel: '至',
anchor:'95%'
}
]
},{
columnWidth:.1,
buttons: [{
text: '查询',
handler:function(){
var module = Ext.getCmp("module").getRawValue();//获取选择操作模块的值
var user = Ext.getCmp("user").getRawValue();//获取选择的用户
var STime = Ext.getCmp("STime").getRawValue();//查询开始时间
var ETime = Ext.getCmp("ETime").getRawValue();//查询开始时间
//开始查询日志表
}
}]
}]
}]
});
});
下拉框和日期组件