1、控件错误信息提示
msgTarget: 'qtip':鼠标移动上去后显示提示信息与警告信息
'title':鼠标移动上去后显示提示信息
‘side’:显示在控件右边
‘under’:显示在控件下面
2、TextField控件的提示信息
var field = new Ext.form.TextField({
fieldLabel: 'empty',
allowBlank: false,
emptyText: '空',
maxLength: 50,
minLength: 10
});
3、日期控件的运用
var field = new Ext.form.DateField({
fieldLabel: '日期',
emptyText: '请选择',
format: 'Y-m-d',
disabledDays: [0, 6]
});
4、时间控件的运用
var field = new Ext.form.TimeField({
fieldLabel: '时间',
emptyText: '请选择',
minValue: '10:00 AM',
maxValue: '14:00 PM',
increment: 30
});
5、在线编辑控件运用
var field = new Ext.form.HtmlEditor({
fieldLabel: '在线编辑器',
enableAlignments: true,
enableColors: true,
enableFont: true,
enableFontSize: true,
enableFormat: true,
enableLinks: true,
enableLists: true,
enableSourceEdit: true,
fontFamilies: ['宋体', '黑体']
});
6、隐藏控件的运用
var field = new Ext.form.Hidden({
name: 'hiddenId'
});
field.setValue("some thing");
var value = field.getValue();
7、控制容器中的控件显示格式问题:
style: 'margin-left:10px;',
bodyStyle: 'margin-left:20px;',
msgTarget: 'qtip':鼠标移动上去后显示提示信息与警告信息
'title':鼠标移动上去后显示提示信息
‘side’:显示在控件右边
‘under’:显示在控件下面
2、TextField控件的提示信息
var field = new Ext.form.TextField({
fieldLabel: 'empty',
allowBlank: false,
emptyText: '空',
maxLength: 50,
minLength: 10
});
3、日期控件的运用
var field = new Ext.form.DateField({
fieldLabel: '日期',
emptyText: '请选择',
format: 'Y-m-d',
disabledDays: [0, 6]
});
4、时间控件的运用
var field = new Ext.form.TimeField({
fieldLabel: '时间',
emptyText: '请选择',
minValue: '10:00 AM',
maxValue: '14:00 PM',
increment: 30
});
5、在线编辑控件运用
var field = new Ext.form.HtmlEditor({
fieldLabel: '在线编辑器',
enableAlignments: true,
enableColors: true,
enableFont: true,
enableFontSize: true,
enableFormat: true,
enableLinks: true,
enableLists: true,
enableSourceEdit: true,
fontFamilies: ['宋体', '黑体']
});
6、隐藏控件的运用
var field = new Ext.form.Hidden({
name: 'hiddenId'
});
field.setValue("some thing");
var value = field.getValue();
7、控制容器中的控件显示格式问题:
style: 'margin-left:10px;',
bodyStyle: 'margin-left:20px;',