ext 布局带时间控件
血饮 2011-05-18 04:25:47 var qForm = new Ext.form.FormPanel({
region : 'north',
title : '<span style="font-weight:normal">查询条件<span>',
collapsible : true,
border : true,
labelWidth : 90, // 标签宽度
// frame : true, //是否渲染表单面板背景色
labelAlign : 'right', // 标签对齐方式
bodyStyle : 'padding:3 5 0', // 表单元素和表单面板的边距
defaultType : 'textfield', // 表单元素默认类型
buttonAlign : 'center',
height : 120,
items : [{
layout : 'column',
border : false,
items : [{
columnWidth : .33,
layout : 'form',
labelWidth : 60, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
fieldLabel : '用户名',
name : 'grbm',
xtype : 'textfield', // 设置为数字输入框类型
anchor : '100%'
}]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 60, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
xtype : 'datetimefield',
fieldLabel : '日期2时间1', // 标签
name : 'time1', // name:后台根据此name属性取值
anchor : '100%' // 宽度百分比
}]
}, {
columnWidth : .33,
layout : 'form',
labelWidth : 60, // 标签宽度
defaultType : 'textfield',
border : false,
items : [{
xtype : 'datetimefield',
fieldLabel : '日期2时间1', // 标签
name : 'time1', // name:后台根据此name属性取值
anchor : '100%' // 宽度百分比
}]
}]
}],
buttons : [{
text : '查询',
iconCls : 'previewIcon',
handler : function() {
queryBalanceInfo(qForm.getForm());
}
}, {
text : '重置',
iconCls : 'tbar_synchronizeIcon',
handler : function() {
qForm.getForm().reset();
}
}]
});
在FormPanel中用'datetimefield' 时间控件不显示,报错呀,但用datefield控件就可以显示,咋回事里!!