如何解决ExtJs 日期选择器显示问题 3.1.0 与 Ext.form.DateField
我是 ExtJs 的新手,在日期选择器的显示方面有问题。 实际的日期选择器功能有效,但前 2 列与所附图片重叠。
我已将日期选择器添加到新的 Ext.FormPanel() 并按照以下代码使用 ExtJs 3.1.0 添加面板到窗口:
function save(data) {
var weekDay = [
['1','Sunday'],['2','Monday'],['3','Tuesday'],['4','Wednesday'],['5','Thursday'],['6','Friday'],'Saturday']
];
var panel = new Ext.FormPanel({
labelWidth: 125,frame:true,autoHeight : true,title: 'Create',bodyStyle:'padding:5px 5px 0',width: 450,bodyPadding: 10,defaults: {width: 200},defaultType: 'textfield',items: [
new Ext.form.ComboBox({
fieldLabel: 'Day of the Week (Optional)',id: 'sDay',store: weekDay,typeAhead: true,allowBlank: true,editable: false,selectOnFocus:true,triggerAction: 'all',emptyText:''
}),new Ext.form.DateField({
fieldLabel: 'Date',id: 'sDate',format: 'd/m/Y',minValue: new Date(),emptyText:'',width: 300,style: 'float: left',cls: 'x-border-Box,x-border-Box',padding: 5,layout: 'form'
})
],buttons: [{
text: 'Save',handler: function() {
// do stuff
win.close();
}
}
},{
text: 'Cancel',handler: function() {
win.close();
}
}]
});
var win = new Ext.Window({
title : 'Save stuff',width : 550,autoHeight : true,modal : true,border : false,layout : 'fit',items : panel
});
win.show();
}
我尝试了其他日期格式,增加了宽度,添加了 cls 等 但是,没有运气。 请问有人在使用 ExtJs 时遇到过这个问题吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。