ExtJs4案例学习笔记（一）
来源：互联网 发布：淘宝天天特价特惠囤 编辑：程序博客网 时间：2024/06/06 01:28
////*************************************************************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>失败原因:'); // } // }); // } //}); /* ************************************************************************************************************************************************************************************ */ 0 0
- ExtJs4案例学习笔记（一）
- Extjs4学习笔记<一>
- ExtJS4.2学习笔记（一）
- ExtJs4 学习笔记(一) 准备工作
- ExtJs4学习（一）：正确认识ExtJs4
- extjs4学习笔记（一）-----searchfiled组件使用
- ExtJS4学习笔记(一)---window的创建
- ExtJS4学习笔记(一)---window的创建
- ExtJs4学习笔记一－－基础知识
- ExtJs4学习笔记一－－基础知识
- ExtJS4学习笔记(一)---window的创建
- ExtJs4学习笔记一－－基础知识
- ExtJs4学习笔记一－－基础知识
- Extjs4.0学习笔记（文件引用）
- Extjs4.0学习笔记（文件引用）
- extjs4学习笔记
- extjs4学习笔记
- ExtJS4学习笔记
- PANIC: Could not open: avd2.2
- 线程安全
- 显示Android系统桌面
- 中国历史文化名镇（村）名单。178个镇（村）榜上有名，其间河北省武安市伯延镇等71个镇为中国历史文化名镇、北京市房山区南窖乡水峪村等107个村
- STM32F103VCT6+W5500实现TCP Client通信
- ExtJs4案例学习笔记（一）
- spring 下得到properties中的配置文件
- 发布android应用程序
- Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解
- 网页代理
- 使用XmlReader类读取XML数据之
- ubuntu下Pureftpd配置之匿名登录功能
- C++ 使用备注
- 简单服务器。
