版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qingfeng812/article/details/21079661
////*************************************************************1、如何定义一个类 **********************************************************************
//Ext.onReady(function(){
// //在Ext中如何去定义一个类：Ext.define(className,properties,callBack)
// Ext.define('Person',{
// //这里是对于这个类的配置信息
// //config属性就是配置当前类的属性内容，并且会加上get和set方法
// config:{
// name:'z3',
// age:20
// },
// //自己定义的方法
// say:function(){
// alert('我是方法...');
// },
// //给当前定义的类加一个构造器
// constructor:function(config){
// var me=this;
// me.initConfig(config);
// }
// });
//
// var p=new Person();
// alert(p.name);
// alert(p.age);
// p.say();
//
//});
/* *********************************************************************继承*********************************************************************************************************************************************************** */
//2、继承
//Ext.define('Person',{
// config:{
// name:'xuan'
// },
// constructor:function(config){
// var me=this;
// alert("config.name="+config.name);
// alert("config.sex="+config.sex);
// alert("config.age="+config.age);
// me.initConfig(config);
// }
//
//});
////sub Class
//Ext.define('Boy',{
// //使用Ext继承
// extend:'Person',
// config:{
// sex:'男',
// age:20
// }
//
//});
////子类定义了属性，以定义的子类属性为准，无定义，按父类属性或者是类定义的属性为准
// var b=Ext.create('Boy',{
// // name:'张三',
// age:25 ,
// sex:'女'
// });
// alert(b.name);
// alert(b.sex);
// alert(b.age);
/* *********************************************************************日期控件的简单案例*********************************************************************************************************************************************************** */
//1:Ext.form.field.Date示例,日期选择框
//Ext.onReady(function(){
// Ext.QuickTips.init();
// Ext.create('Ext.form.Panel',{
// title:'Ext.form.field.Date示例',
// frame:true,
// height:100,
// width:300,
// renderTo:Ext.getBody(),
// bodyPadding:5,
// items:[{
// fieldLabel:'日期选择框',
// //关键的代码
// xtype:'datefield',
// labelSeparator:':',//分隔符
// msgTarget:'side',//在字段右边显示一个提示信息
// autoFitErrors:false,//展示错误信息时是否自动调整字段组件宽度
// format:'Y年m月d日',//显示日期的格式
// maxValue:'12/31/2015',//允许选择的最大日期
// minValue:'01/01/2008',//允许选择的最小日期
// disabledDates:['2008年03月11日'],//禁止选择2008年03月12日
// // disabledDates: ["^03"],
// disabledDatesText:'禁止选择该日期',
// disabledDays:[0,6,1,5],//禁止选择星期日和星期六
// disabledDaysText:'禁止选择该日期',
// width:220,
// value:'03/1/2008'
// }]
//
// });
//
//});
//
//6：表单中使用VType验证示例
//Ext.onReady(function(){
// Ext.QuickTips.init();
// Ext.create('Ext.form.Panel',{
// title:'vtype示例',
// width:300,
// frame:true,
// renderTo:Ext.getBody(),
// bodyPadding:5,
// defaultType:'textfield',
// fieldDefaults:{
// labelSeparator:':',
// labelWidth:80,
// width:270,
// msgTarget:'side'
// },
// items:[{
// fieldLabel:'电子邮件',
// vtype:'email'
// },{
// fieldLabel:'网址',
// vtype:'url'
// },{
// fieldLabel:'字母',
// vtype:'alpha'
// },{
// fieldLabel:'字母和数字',
// vtype:'alphanum'
// }]
// });
//
//});
//
//
//
//
// Ext.onReady(function(){
// var toolbar=new Ext.toolbar.Toolbar({//创建工具栏
// renderTo:Ext.getBody(),
// width:300
//
// });
//
// toolbar.add([//向工具栏中添加按钮
// {
// text:'新建',//按钮上显示的文字
// handler:onButtonClick,//点击按钮的处理函数
// iconCls:'newIcon'//在按钮上显示的图标
//
// },
// {text:'打开',handler:onButtonClick,iconCls:'openIcon'},
// {text:'保存',handler:onButtonClick,iconCls:'saveIcon'}
//
// ]);
//
// function onButtonClick(btn){//点击按钮时调用的处理函数
// alert(btn.text);//取得按钮上的文字
//
// }
//
//});
//
//
//Ext.onReady(function(){
// var toolbar=new Ext.toolbar.Toolbar({
// renderTo:Ext.getBody(),
// width:500
//
// });
//
// toolbar.add(
// {text:'新建'},{text:'打开'},
// {text:'编辑'},{text:'保存'},
// '-',
// {
// xtype:'textfield',
// hideLabel:true,
// width:150
// },
// '->',
// '<a href=#>超链接</a>',
// {xtype:'tbspacer',width:50},
// '静态文本'
// );
//
//});
/* *********************************************************************菜单*********************************************************************************************************************************************************** */
//4：带选择框的菜单
//Ext.onReady(function(){
// var toolbar=new Ext.toolbar.Toolbar({//创建工具栏
// renderTo:Ext.getBody(),
// width:300
// });
//
// var themeMenu=new Ext.menu.Menu({
// items:[{
// text:'主题颜色',
// menu:new Ext.menu.Menu({
// items:[{
// text:'红色主题',
// checked:true,//初始为选中状态
// group:'theme',//为单选项进行分组
// checkHandler:onItemCheck
// },{
// text:'蓝色主题',
// checked:false,//初始为未选中状态
// group:'theme',
// checkHandler:onItemCheck
// },{
// text:'黑色主题',
// checked:false,
// group:'theme',
// checkHandler:onItemCheck
// }]
//
// })
//
// },{
// text:'是否启用',
// checked:false
//
// }]
// });
//
// toolbar.add({
// text:'风格选择',menu:themeMenu//将菜单加入工具栏
// });
// function onItemCheck(item){//菜单项的回调方法
// alert("item="+item.text);
//
// }
//
//});
/* *********************************************************************菜单*********************************************************************************************************************************************************** */
//Ext.onReady(function(){
// var toolbar=new Ext.toolbar.Toolbar({//创建工具栏
// renderTo:Ext.getBody(),
// width:300
//
// });
//
// var fileMenu=new Ext.menu.Menu({//文件创建菜单
// shadow:'frame',//设置菜单四条边都有阴影
// allowOtherMenus:true,
// items:[
// new Ext.menu.Item({
// text:'新建',//菜单项名称
// handler:onMenuItem//菜单处理函数
// }),
// {text:'打开',handler:onMenuItem},
// {text:'关闭',handler:onMenuItem}
//
//
// ]
//
// });
//
// var editMenu=new Ext.menu.Menu({//编辑创建菜单
// shadow:'drop',//设置菜单在右、下两条边有阴影
// allowOherMenus:true,
// items:[
// {text:'复制',handler:onMenuItem},//添加菜单项
// {text:'粘贴',handler:onMenuItem},
// {text:'剪切',handler:onMenuItem}
// ]
// });
// var myMenu=new Ext.menu.Menu({//编辑创建菜单
// shadow:'drop',//设置菜单在右、下两条边有阴影
// allowOherMenus:true,
// items:[
// {text:'点击我',handler:onMenuItem},//添加菜单项
// {text:'点击你',handler:onMenuItem},
// {text:'点击她',handler:onMenuItem}
// ]
// });
// toolbar.add(
// {text:'文件',menu:fileMenu},//将菜单加入工具栏
// {text:'编辑',menu:editMenu} ,
// {text:'我的菜单项',menu:myMenu}
// );
//
// function onMenuItem(item){//菜单项的回调函数
//
// alert(item.text);
//
// }
//
//});
//
/* *****************************************************************多级菜单*************************************************************************************************************************************************************** */
//Ext.onReady(function(){
//
// var Toolbar=new Ext.toolbar.Toolbar({//创建工具栏
// renderTo:Ext.getBody(),
// width:300
// });
//
// var infoMenu=new Ext.menu.Menu({//一级菜单
// ignoreParentClicks:true,//忽略父菜单的单击事件
// plain:true,
// items:[{
// text:'个人信息',
// menu:new Ext.menu.Menu({//二级菜单
// ignoreParentClicks:true,//忽略父菜单的点击事件
// items:[{
// text:'基本信息',
// menu:new Ext.menu.Menu({//三级菜单
// items:[{text:'身高',handler:onMenuItem},
// {text:'体重',handler:onMenuItem}
// ]
//
// })}
// ]
//
// })
// },//添加菜单项
// {text:'公司信息'}
// ]
// });
// Toolbar.add({text:'设置',menu:infoMenu});//将菜单加入工具栏
// function onMenuItem(item){//选择菜单项的处理函数
// alert(item.text);
//
// }
//});
/* ******************************************************************************************************************************************************************************************************************************** */
/* *********************************************************************************************************************************************** */
//Ext.BLANK_IMAGE_URL='JSLib/ext/resources/images/default/s.gif';
//Ext.onReady(function(){
//
// var Toolbar=new Ext.toolbar.Toolbar({//创建工具栏
// renderTo:Ext.getBody(),
// width:300
//
// });
//
// var fileMenu=new Ext.menu.Menu({
//
// items:[{
// xtype:'textfield',//创建表单字段
// hideLabel:true,
// width:100
//
// },{
// text:'颜色选择',
// menu:new Ext.menu.ColorPicker()
// },{
// xtype:'datepicker'//添加日期选择器组件
// },{
// xtype:'buttongroup',//添加按钮组组件
// columns:3,
// title:'按钮组',
// items:[{
// text:'用户管理',
// scale:'large',
// colspan:3,
// width:170,
// iconCls:'userManagerIcon',
// iconAlign:'top'
// },{
// text:'新建',iconCls:'newIcon'//显示不了，用自己的图片路径（视频中是这样的）
// },{text:'打开',iconCls:'openIcon'},
// {text:'保存',iconCls:'saveIcon'}
//
// ]
// }
//
// ]
//
// });
// Toolbar.add({text:'文件',menu:fileMenu});//将菜单加入工具栏
//
//});
/* *********************************************************************************************************************************************** */
//1:表单字段实例
//Ext.onReady(function(){
// Ext.QuickTips.init();//初始化信息提示功能
// var form=new Ext.form.Panel({
// title:'表单',//表单标题
// height:120,//表单高度
// width:200,
// frame:true,//是否渲染表单
// renderTo:'form',
// defaults:{//统一设置表单字段默认属性
// autoFitError:false,//展示错误信息时是否自动调整字段组件宽度
// labelSeparator:':',//分隔符
// labelWidth:50,
// width:150,
// allowBlank:false,//是否允许为空
// labelAlign:'left',//标签对齐方式
// // msgTarget:'qtip' , //显示一个浮动的提示信息
// msgTarget:'title' , //显示一个浏览器原始的浮动提示信息
// //msgTarget:'under'//在字段下方显示一个提示信息
// msgTarget:'side'//在字段的右边显示一个提示信息
// //msgTarget:'none'//不显示提示信息
// //msgTarget:'errorMsg'//在errorMsg元素内显示提示信息
// },
// items:[{
// xtype:'textfield',
// fieldLabel:'姓名'//标签内容
// },{
// xtype:'numberfield',
// fieldLabel:'年龄'
// }]
//
// });
//});
/* *********************************************************************************************************************************************** */
//Ext.onReady(function(){
// Ext.QuickTips.init();
// var loginForm=new Ext.form.Panel({
// title:'Ext.form.field.Text示例',
// bodyStyle:'padding:5',//表单边距
// frame:true,
// height:120,
// width:200,
// renderTo:Ext.getBody(),
// defaultType:'textfield',//设置表单字段的默认类型
// defaults:{//统一设50置表单字段默认属性
// labelSeparator:':',//分隔符
// labelWidth:50,//标签宽度
// width:150,//字段宽度
// allowBlank:false,//是否允许为空
// labelAlign:'left',//标签对齐方式
// msgTarget:'side'//在字段的右边显示一个提示信息
// },
// items:[{
// fieldLabel:'用户名',
// name:'username',
// selectOnFocus:true,//得到焦点时自动选择文本
// //验证电子邮件格式的正则表达式
// regex:/^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,
// regexText:'格式错误'//验证错误之后的提示信息
// },{
//
// name:'password',
// fieldLabel:'密码',
// inputType:'password'//设置输入类型为password
//
// }],
// buttons:[{
//
// text:'登录',
// handler:function(){
// loginForm.form.setValues({userName:'user@com',password:'123456'});
// }
// }]
//
// });
//});
/* *********************************************************************************************************************************************** */
//Ext.onReady(function(){
//
// Ext.QuickTips.init();
// var testForm=new Ext.form.Panel({
// title:'Ext.form.field.TextArea示例',
// bodyStyle:'padding:5',//表单边距
// frame:true,
// height:150,
// width:250,
// renderTo:'form',
// items:[{
// xtype:'textarea',
// fieldLabel:'备注',
// id:'memo',//字段组件id
// labelSeparator:':',//分隔符
// labelWidth:60,//标签宽度
// width:200
// }],
// buttons:[{text:'确定',handler:showValue}]
// });
// function showValue(){
// var memo=testForm.getForm().findField('memo');//去的输入控件
// alert(memo.getValue());//取得控件值
// }
//
//});
/* *********************************************************************************************************************************************** */
//Ext.onReady(function(){
//
// Ext.QuickTips.init();
// var form=new Ext.form.Panel({
// title:'Ext.form.field.Number示例',
// bodyStyle:'padding:5',//表单边距
// renderTo:'form',
// frame:true,
// height:150,
// width:250,
// defaultType:'numberfield',//设置表单字段的默认类型
// defaults:{//统一设置表单字段默认属性
// labelSeparator:':',//分隔符
// labelWidth:80,//标签宽度
// width:200,//字段宽度
// labelAlign:'left',//标签对齐方式
// msgTarget:'side'//在字段的右边显示一个提示信息
//
// },
// items:[{
// fieldLabel:'整数',
// hideTrigger:true,//隐藏微调按钮
// allowDecimals:false,//不允许输入小数
// nanText:'请输入有效的整数'//无效数字提示
// },{
// fieldLabel:'小数',
// decimalPrecision:2,//精确到小数点后两位
// allowDecimals:true,//不允许输入小数
// nanText:'请输入有效小数'//无效数字提示
// },{
//
// fieldLabel:'数字限制',
// baseChars:'12345'//输入数字范围
// },{
// fieldLabel:'数值限制',
// maxValue:100,//最大值
// minValue:50//最小值
//
// }]
//
//
// });
//
//});
/* ************************************************************************************************************************************************************************************ */
//4：Radio、Checkbox，但是没有横排
//Ext.onReady(function(){
//
// new Ext.form.Panel({
// title:'Ext.form.field.Checkbox和Ext.form.field.Radio示例',
// bodyStyle:'padding:5 5 5 5',//表单边距
// frame:true,
// height:150,
// width:250,
// renderTo:'form',
// defaults:{//统一设置表单字段默认属性
// labelSeparator:':',//分隔符
// labelWidth:80,//标签宽度
// width:200,//字段宽度
// labelAlign:'left'//标签对齐方式
//
// },
// items:[{
// // id:'na',
// xtype:'radio',
// name:'sex',//名字相同的复选框会作为一组
// fieldLabel:'性别',
// boxLabel:'男' ,
// handler:select
// },{
// // id:'nv',
// xtype:'radio',
// name:'sex',//名字相同的复选框会作为一组
// fieldLabel:'性别',
// boxLabel:'女' ,
// handler:select
// },{
// // id:'mmo',
// xtype:'checkboxfield',
// name:'swim',
// fieldLabel:'爱好',
// boxLabel:'游泳' ,
// handler:select
// },{
// //id:'mem',
// xtype:'checkboxfield',
// name:'walk',
// fieldLabel:'爱好',
// boxLabel:'散步' ,
// handler:select
// }
// ]
// });
//
// function select(){
// var memo=testForm.getForm().findField('checkboxfield');//去的输入控件
// alert(memo.getValue());//取得控件值
// }
//});
/* ************************************************************************************************************************************************************************************ */
//5：RadioGroup、CheckboxGroup，可以横排，成组管理
//Ext.onReady(function(){
//
// new Ext.form.FormPanel({
// title:'RadioGroup、CheckboxGroup示例',
// bodyStyle:'padding:5 5 5 5',//表单边距
// frame:true,
// height:150,
// width:809,
// renderTo:'form',
// defaults:{//统一设置表单字段默认属性
// labelSeparator:':',//分隔符
// labelWidth:50,//标签宽度
// width:200,//字段宽度
// labelAlign:'left'//标签对齐方式
//
// },
// items:[{
// xtype:'radiogroup',
// fieldLabel:'性别',
// columns:2,//2列
// items:[
// {boxLabel:'男',name:'sex',inputValue:'male'},
// {boxLabel:'女',name:'sex',inputValue:'female'}
// ]
// },{
// xtype:'checkboxgroup',
// fieldLabel:'爱好',
// columns:2,//3列,超出3个的换行
// items:[
// {boxLabel:'游泳',name:'swim'},
// {boxLabel:'散步',name:'walk'},
// {boxLabel:'阅读',name:'read'},
// {boxLabel:'游戏',name:'game'},
// {boxLabel:'电影',name:'movie'}
// ]
// }]
// });
//
//});
/* ************************************************************************************************************************************************************************************ */
//6：Trigger
//Ext.onReady(function(){
//
// var testForm=new Ext.form.Panel({
// title:'Ext.form.field.Trigger示例',
// bodyStyle:'padding:5',
// frame:true,
// height:100,
// width:270,
// renderTo:'form',
// defaults:{//统一设置表单字段默认属性
// labelSeparator:':',//分隔符
// labelWidth:70,//标签宽度
// width:200,//字段宽度
// labelAlign:'left'//标签对齐方式
// },
// items:[{
//
// xtype:'triggerfield',
// id:'memo',
// fieldLabel:'触发字段',
// hideTrigger:false,//不隐藏触发按钮
// onTriggerClick:function(){
// var memo=testForm.getForm().findField('memo');//取得输入控件
// /// alert(memo.getValue());//取得控件值
// Ext.getCmp('memo').setValue('test');
// }
// }]
//
//});
//});
/* ************************************************************************************************************************************************************************************ */
//7:Spinner:微调字段
//Ext.onReady(function(){
// new Ext.form.Panel({
// title:'Ext.form.field.Spinner示例',
// bodyStyle:'padding:5',
// frame:true,
// height:70,
// width:250,
// renderTo:'form',
// defaults:{//统一设置表单字段默认属性
// labelSeparator:':',//分隔符
// labelWidth:70,//标签宽度
// width:200,//字段宽度
// labelAlign:'left'//标签对齐方式
// },
// items:[{
// xtype:'spinnerfield',
// fieldLabel:'微调字段',
// id:'salary',//组件id
// value:100,
// onSpinUp:function(){
// var salaryCmp=Ext.getCmp('salary');//通过组件id获得组件对象
// //增加默认值
// salaryCmp.setValue(Number(salaryCmp.getValue())+1);
// },
// onSpinDown:function(){
// var salaryCmp=Ext.getCmp('salary');
// //减少默认值
// salaryCmp.setValue(Number(salaryCmp.getValue())-1);
// }
//
// }]
// });
//
//});
/* ************************************************************************************************************************************************************************************ */
//Ext.onReady(function(){
// //创建数据源模型
//
// Ext.regModel('PostInfo',{
// fields:[{name:'province'},{name:'post'}]
// });
// //定义组合框中显示的数据源
// var postStore=Ext.create('Ext.data.Store',{
// model:'PostInfo',
// data:[
// {province:'北京',post:'100000'},
// {province:'通县',post:'101100'},
// {province:'惠州',post:'516100'},
// {province:'大兴',post:'102600'},
// {province:'延庆',post:'102100'},
// {province:'顺义',post:'101300'},
// {province:'怀柔',post:'101200'},
// {province:'密云',post:'101400'}
// ]
// });
/* //创建表单
Ext.create('Ext.form.Panel',{
title:'Ext.form.field.comboBox本地数据源示例',
renderTo:Ext.getBody(),
bodyPadding:5,
frame:true,
height:100,
width:270,
defaults:{//统一设置表单字段默认属性
labelSeparator:':',
labelWidth:70,
width:200,
labelAlign:'left'
},
items:[{
xtype:'combo',
listConfig:{
emptyText:'未找到匹配值',//当值不在列表时的提示信息
maxHeight:180//设置下拉列表的最大高度为60像素
},
name:'post',
fieldLabel:'邮政编码',
triggerAction:'all',//单击触发按钮显示全部数据
store:postStore,//设置数据源
displayField:'province',//定义要显示的字段
valueField:'post',//定义值字段
queryMode:'local',//本地模式
forceSelection:true,//要求输入值必须在列表中存在
typeAhead:true,//允许自动选择匹配的剩余部分文本
value:'102600'//默认选择大兴
}]
});
});
*/
/* ************************************************************************************************************************************************************************************ */
//2：Ext.form.Label示例，标签
//Ext.onReady(function(){
//
// Ext.create('Ext.form.Panel',{
// title:'Ext.form.Label',
// width:200,
// frame:true,
// renderTo:Ext.getBody(),
// bodyPadding:5,
// items:[{
//
// xtype:'label',
// forId:'userName',//关联inputId为userName
// text:'用户名'
// },{
// name:'userName',
// xtype:'textfield',
// inputId:'userName',
// hideLabel:true//隐藏字段标签
//
// }]
//
// })
//
//});
//
//
/* ************************************************************************************************************************************************************************************ */
//3:Ext.form.FieldSet,字段集，可折叠显示，通过折叠按钮或者折叠复选框实现
/*Ext.onReady(function(){
Ext.create('Ext.form.Panel',{
title:'Ext.form.FieldSet示例',
labelWidth:40,//标签宽度
width:220,
frame:true,
renderTo:Ext.getBody(),
bodyPadding:5,
items:[{
title:'产品信息',
xtype:'fieldset',
collapsible:true,//显示切换展开收缩状态的切换按钮
bodyPadding:5,
defaults:{//统一设置表单字段默认属性
labelSeparator:':',//分隔符
labelWidth:50,//标签宽度
width:160//字段宽度
},
defaultType:'textfield',//设置表单字段的默认属性
items:[{
fieldLabel:'产地'
},{
fieldLabel:'售价'
}]
},
{
title:'产品描述',
xtype:'fieldset',
bodyPadding:5,
checkboxToggle:true,//显示切换展开收缩状态的复选框
checkboxName:'description',//提交数据时复选框对应的name
labelSeparator:':',//分隔符
items:[{
fieldLabel:'简介',
labelSeparator:':',//分隔符
labelWidth:50,//标签宽度
width:'160',//字段宽度
xtype:'textarea'
}]
}]
});
}); */
/* ************************************************************************************************************************************************************************************ */
//
// Ext.onReady(function(){
// Ext.QuickTips.init();//使用HtmlEditor之前必须初始化提示
// Ext.create('Ext.form.Panel',{
// title:'Ext.form.field.HtmlEditor示例',
// width:630,
// frame:true,
// renderTo:Ext.getBody(),
// bodyPadding:5,
// items:[{
// fieldLabel:'html字段',
// xtype:'htmleditor',
// height:150,
// width:600,
// value:'ExtJS登场',
// labelWidth:70,
// labelSeparator:':',//分隔符
// createLinkText:'创建超链接',//创建连接的提示信息
// defaultLinkValue:'http://www.',//链接的默认形式
// enableAlignments:true,//启用左中右对齐按钮
// enableColors:true,//启用前景色，背景色选择按钮
// enableFont:true,//启用字体选择按钮
// enableFontSize:true,//启用字体增大和缩小按钮
// enableFormat:true,//启用粗体，斜体，下划线按钮
// enableLinks:true,//启用创建连接按钮
// enableLists:true,//启用列表按钮
// enableSourceEdit:true,//启用源代码编辑按钮
// fontFamilies:['宋体','隶书','黑体']//字体列表
//
// }]
//
// });
//
//});
/* ************************************************************************************************************************************************************************************ */
//4:Ext.form.FieldContainer示例,需要将多个字段或者组件作为一个表单项展现的时候
//Ext.onReady(function(){
// Ext.QuickTips.init();//初始化提示
// Ext.create('Ext.form.FormPanel',{
// title:'Ext.form.FieldContainer示例',
// width:300,
// frame:true,
// renderTo:Ext.getBody(),
// bodyPadding:5,
// fieldDefaults:{//统一设置表单字段的默认属性
// labelSeparator:':',//分隔符
// labelWidth:60,//标签宽度
// width:260,//字段宽度
// msgTarget:'side'
// },
// defaultType:'textfield',//设置表单的默认类型
// items:[{
// fieldLabel:'商品名称'
// },{
// xtype:'fieldcontainer',
// fieldLabel:'生产日期',
// layout:{//设置容器字段布局
// type:'hbox',
// align:'middle'//垂直居中
// },
// combineErrors:true,//合并展示错误信息
// fieldDefaults:{
// hideLabel:true,//隐藏字段标签
// allowBlank:false//设置字段值不允许为空
// },
// defaultType:'textfield',//设置表单字段的默认类型
// items:[{
// fieldLabel:'年',
// flex:1,
// inputId:'yearId'
// },{
// xtype:'label',
// forId:'yearId',
// text:'年'
// },{
// fieldLabel:'月',
// flex:1,
// inputId:'monthId'
// },{
// xtype:'label',
// forId:'monthId',
// text:'月'
// },{
// fieldLabel:'日',
// flex:1,
// inputId:'dayId'
// },{
// xtype:'label',
// forId:'dayId',
// text:'日'
// }]
//
//
// },
// {
// fieldLabel:'产地来源'
// }]
// });
//
//});
/* ************************************************************************************************************************************************************************************ */
//表单数据加载示例：
//Ext.onReady(function(){
// Ext.QuickTips.init();
// var productForm=Ext.create('Ext.form.Panel',{
// title:'表单表单加载示例',
// width:300,
// frame:true,
// fieldDefaults:{
// labelSeparator:':',
// labelWidth:80,
// width:200
// },
// renderTo:Ext.getBody(),
// items:[{
// fieldLabel:'产品名称',
// xtype:'textfield',
// name:'productName',
// value:'U盘'//同步加载数据
// },{
// fieldLabel:'金额',
// xtype:'numberfield',
// name:'price',
// value:100//同步加载数据
// },{
// fieldLabel:'生产日期',
// xtype:'datefield',
// format:'Y年m月d日',//显示日期的格式
// name:'date',
// value:new Date()//同步加载数据
// },{
// xtype:'hidden',
// name:'productId',
// value:'001'//产品id
// },{
// fieldLabel:'产品简介',
// name:'introduction',
// xtype:'textarea'
// }],
//
// buttons:[{
// text:'加载简介',
// handler:loadIntroduction
// }]
// });
// //表单加载数据的回调函数
// function loadIntroduction(){
// var params=productForm.getForm().getValues();
// productForm.getForm().load({
// params:params,//传递参数
// url:'011_1productServer.jsp',//请求的url地址
// method:'GET',//请求方式
// success:function(form,action){//加载成功的处理函数
// Ext.Msg.alert('提示','产品简介加载成功');
// },
// failure:function(form,action){//加载失败的处理函数
// Ext.Msg.alert('提示','产品简介加载失败<br>失败原因:');
// }
// });
// }
//});
/* ************************************************************************************************************************************************************************************ */
