FormPanel 基本功能

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;',