extjs 下拉日期_为Ext添加下拉框和日期组件

Ext.onReady(function(){var config = { fields:['module'],

data:[['新建'],['删除'],['增加']};var store = newExt.data.SimpleStore(config);var top=newExt.FormPanel({

region:'north',

renderTo:'mainDiv',

frame:true,

labelWidth:75,

width:920,

height:90,

items:[{

layout:'column',

items:[{

columnWidth:.3,

layout:'form',

items: [newExt.form.ComboBox({

id:'user',

fieldLabel:'用户',

triggerAction:'all',

displayField:'admin', //定义要显示的字段

forceSelection:true, //要求输入的值必须在列表中存在

resizable:true, //允许改变下拉列表大小

value:'admin', //默认选择的项

handelHeight:10 //下拉列表中拖动手柄的高度

}),newExt.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();//查询开始时间

//开始查询日志表

}

}]

}]

}]

});

});