无人与我共黄昏
微信公众号:Java高级技术
展开
-
(47)Ext/data.proxy.Memory
//5:Ext/data.proxy.Memory是一个简单的数据代理,它使用内存变量存取数据,因此在每一次页面刷新之后数据都会丢失/*Ext.onReady(function(){//创建数据模型 Ext.regModel('User',{ fields:['id','name','age'] }); //定义内存数据变量 var userData={ use原创 2014-03-30 00:45:20 · 1632 阅读 · 0 评论 -
(46)一对多关系示例
Ext.onReady(function(){ //注册用户数据模型 Ext.regModel('User',{ fields:[//定义模型字段 {name:'name',type:'string'},//用户名称 {name:'id',type:'int'}//用户id ], //User和Product是一对多关系 hasMany:{model:'原创 2014-03-30 00:44:30 · 1585 阅读 · 0 评论 -
(45)在模型中通过代理加载数据
Ext.onReady(function(){ //注册用户数据模型User Ext.regModel('User',{ fields:[//定义模型字段 {name:'name',type:'string'}, {name:'age',type:'int'}, {name:'id',type:'int'} ], //配置数据代理 proxy:{ type:'原创 2014-03-30 00:42:40 · 1022 阅读 · 0 评论 -
(44)在模型中进行数据验证
Ext.onReady(function(){ //定义默认的验证提示信息 Ext.data.validations.presenceMessage='必须是有效值'; Ext.data.validations.lengthMessage='长度错误'; Ext.data.validations.formatMessage='格式错误'; Ext.data.validations.inc原创 2014-03-30 00:41:59 · 1324 阅读 · 0 评论 -
(43)创建模型对象
Ext.onReady(function(){ //注册用户注册模型User Ext.regModel('User',{ fields:[//定义模型字段 {name:'name',type:'string'}, {name:'age',type:'int'}, {name:'phone',type:'string'} ] }); //创建User模型的实体对象 va原创 2014-03-30 00:41:08 · 896 阅读 · 0 评论 -
(42)Ext.ElementLoader.load示例
Ext.onReady(function(){ //得到元素的加载对象(Ext.ElementLoader) var loader=Ext.get('content-div').getLoader(); var btns=Ext.select('input');//选择页面中的所有input组件 btns.addListener('click',function(e,btn){//批量绑定原创 2014-03-30 00:40:11 · 1573 阅读 · 0 评论 -
(41)Ext.Ajax.request异步提交表单
function login(){ var requestConfig={ url:'base/loginServer.jsp',//请求的服务器地址 form:'loginForm',//指定要提交的表单id callback:function(option,success,response){//回调函数 var msg=["请求是否成功:",success,"\n",原创 2014-03-30 00:39:18 · 1287 阅读 · 0 评论 -
(40)简单的Ext.Ajax.request示例
Ext.onReady(function(){ var requestConfig={ url:'base/016_loginServer.jsp',//请求的服务器地址,记得写好项目中的路径问题 params:{userName:'tom',password:'123'},//请求参数 customer:'自定义属性',//附加属性 callback:function(opti原创 2014-03-30 00:38:18 · 1188 阅读 · 0 评论 -
(39)将按钮绑定到操作
//4:将按钮绑定到操作Ext.onReady(function(){ var panel=new Ext.Panel({ title:'键盘绑定对象示例', width:'260px', renderTo:Ext.getBody(), html:''+ ''+ '请点击我,然后按键盘"enter"键' }); var el=Ext.get("id01");//原创 2014-03-30 00:37:04 · 1066 阅读 · 0 评论 -
(38)集合的匹配
//3:集合的匹配Ext.onReady(function(){ var item=new Ext.util.MixedCollection(); var obja={name:'a'}; item.add('obj1',obja); Ext.Msg.alert('提示','集合中是否包含以obj1为关联索引的对象:'+item.containsKey('obj1')+'集合中是否含有对原创 2014-03-30 00:36:18 · 980 阅读 · 0 评论 -
(37)swapStyleSheet():改变文档样式风格
//2:swapStyleSheet():改变文档样式风格Ext.onReady(function(){ var themes=[ {theme:'默认',css:'ext-all.css'}, {theme:'黑色',css:'ext-all-access.css'}, {theme:'红色',css:'ext-all-red.css'} ]; //创建主题数据模型原创 2014-03-30 00:32:48 · 1323 阅读 · 0 评论 -
(36)Ext.select()函数
Ext.onReady(function(){ //创建一个panel var panel=new Ext.Panel({ title:"示例", renderTo:Ext.getBody(), width:'300px', html:"我的id是 sub3" }); //通过选择器选择一个唯一的id为DIv1的Element节点 var e1=Ext.select(["原创 2014-03-30 00:31:48 · 2660 阅读 · 0 评论 -
(35)动态添加标签页示例
//11动态添加标签页示例Ext.onReady(function(){ var tabPanel=Ext.create('Ext.tab.Panel',{ title:'Ext.tab.Panel示例(动态添加tab页示例)', frame:true, height:150, width:300, activeTab:0,//默认激活第一个tab页 renderTo:原创 2014-03-30 00:30:20 · 1578 阅读 · 0 评论 -
(34)ExtJS之Panel中的标签页,通过items添加标签页示例
Ext.onReady(function(){ Ext.create('Ext.tab.Panel',{ title:'Ext.tab.Panel示例', frame:true, height:150, width:300, activeTab:1,//默认激活第一个tab页 renderTo:Ext.getBody(), items:[ {title:'tab原创 2014-03-12 22:44:14 · 2526 阅读 · 0 评论 -
(33)ExtJS之Panel中的表格布局
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'Ext.layout.container.Table布局示例', layout:{ type:'table',//表格布局 columns:4//设置表格布局默认列数为4列 }, frame:true,//渲染面板 height:150,原创 2014-03-12 22:42:56 · 2507 阅读 · 0 评论 -
(32)ExtJS之Panel中Absolute绝对位置布局
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'absolute', title:'Ext.layout.container.Absolute布局示例', frame:false, height:150, width:300, renderTo:Ext.getBody(), defaults原创 2014-03-12 22:41:52 · 2468 阅读 · 0 评论 -
(31)ExtJS之Panel面板锚定位中的参考边定位
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'anchor', title:'Ext.layout.container.Anchor布局示例', autoScroll:true, frame:false, height:150, width:300, renderTo:Ext.getBod原创 2014-03-12 22:40:55 · 1703 阅读 · 0 评论 -
(30)ExtJS之Panel面板锚定位中的偏移值定位
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'anchor', title:'Ext.layout.container.Anchor布局示例', frame:false, height:150, width:300, renderTo:Ext.getBody(), defaults:{原创 2014-03-12 22:40:06 · 1129 阅读 · 0 评论 -
(29)ExtJS之Panel面板锚定位中的百分比定位
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ layout:'anchor', title:'Ext.layout.container.Anchor布局示例', frame:false, height:150, width:300, renderTo:Ext.getBody(), defaults:{原创 2014-03-12 22:38:47 · 1507 阅读 · 0 评论 -
(28)ExtJS之在Panel中使用html配置项自定义面板的内容
//4:使用html配置项自定义面板的内容/*Ext.onReady(function(){ var htmlArray=[ '', '员工列表', '序号', '1张三', '2张四', '3张五', '4张六', '5张七', '6张八', '' ]; Ext.create('Ext.panel.Panel',{ tit原创 2014-03-12 22:37:00 · 1856 阅读 · 0 评论 -
(27)ExtJS之Panel中使用contentEI配置项加载本地资源示例
//3.使用contentEI配置项加载本地资源示例/* Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'面板加载本地资源', height:150,//设置面板的高度 width:250,//设置面板的宽度 frame:true, collapsible:true,//允许展开和收缩 aut原创 2014-03-12 22:35:58 · 1439 阅读 · 0 评论 -
(26)ExtJS之面板Panel的autoLoad配置
//2.使用autoLoad配置项为面板加载远程页面,主要是用autoLoad配置项设置要加载的远程页面url地址,同时展示面板折叠和滚动的效果://实验证明只显示"测试代码"四个字,显示主体部分Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'面板加载远程页面', height:150,//设置面板的高度原创 2014-03-12 22:34:39 · 4105 阅读 · 0 评论 -
(25)ExtJS之面板Panel
Ext.onReady(function(){ Ext.create('Ext.panel.Panel',{ title:'面板头部(header)', tbar:['顶端工具栏(top toolbar)'], bbar:['低端工具栏(bottom toolbars)'], height:200, width:300, frame:true, renderTo:Ex原创 2014-03-12 22:32:09 · 822 阅读 · 0 评论 -
(24)ExtJS之表格加载远程数据及其分页显示
Ext.onReady(function(){ /*var cm=new Ext.grid.ColumnModel([ {header:'编号',dataIndex:'id'}, {header:'名称',dataIndex:'name'}, {header:'描述',dataIndex:'descn'} ]); var data=[ ['1','name1','descn原创 2014-03-05 14:29:55 · 1785 阅读 · 0 评论 -
(23)ExtJS之表单数据异步提交
JS文件://1:表单数据异步提交Ext.onReady(function(){ Ext.QuickTips.init(); var loginForm=Ext.create('Ext.form.Panel',{ title:'表单提交示例', width:230, frame:true, fieldDefaults:{ labelSepar原创 2014-02-28 00:10:30 · 1102 阅读 · 0 评论 -
(22)ExtJS之表单数据加载示例
JS文件://表单数据加载示例:Ext.onReady(function(){ Ext.QuickTips.init(); var productForm=Ext.create('Ext.form.Panel',{ title:'表单表单加载示例', width:300, frame:true, fieldDefaults:{ labelSeparator:':',原创 2014-02-28 00:06:43 · 1285 阅读 · 0 评论 -
(21)ExtJS之使用VType验证
JS文件://6:表单中使用VType验证示例Ext.onReady(function(){ Ext.QuickTips.init(); Ext.create('Ext.form.Panel',{ title:'vtype示例', width:300, frame:true, renderTo:Ext.getBody(), bodyPadding:5, defau原创 2014-02-28 00:03:22 · 1700 阅读 · 0 评论 -
(20)ExtJS之Ext.form.FieldContainer容器字段
JS文件://4:Ext.form.FieldContainer示例,需要将多个字段或者组件作为一个表单项展现的时候Ext.onReady(function(){ Ext.QuickTips.init();//初始化提示 Ext.create('Ext.form.FormPanel',{ title:'Ext.form.FieldContainer示例', width:300,原创 2014-02-27 23:59:30 · 7118 阅读 · 0 评论 -
(19)ExtJS之Ext.form.field.Display只读文本字段
JS文件:Ext.onReady(function(){ Ext.create('Ext.form.Panel',{ title:'Ext.form.field.Display示例', width:600, frame:true, renderTo:Ext.getBody(), bodyPadding:5, items:[{ fieldLabel:'展示字段',原创 2014-02-27 17:36:49 · 2902 阅读 · 0 评论 -
(18)ExtJS之Ext.form.filed.HtmlEditor编辑器
JS文件:Ext.onReady(function(){ Ext.QuickTips.init();//使用HtmlEditor之前必须初始化提示 Ext.create('Ext.form.Panel',{ title:'Ext.form.field.HtmlEditor示例', width:630, frame:true, renderTo:Ext.getBody(),原创 2014-02-27 17:31:35 · 4320 阅读 · 0 评论 -
(17)ExtJS之Ext.form.field.Date日期选择框
JS文件://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, renderT原创 2014-02-27 17:28:39 · 3973 阅读 · 0 评论 -
(16)ExtJS之comboBox本地数据源、Ext.form.Label标签、Ext.form.FieldSet字段集
//1:comboBox本地数据源/*Ext.onReady(function(){ //创建数据源模型 Ext.regModel('PostInfo',{ fields:[{name:'province'},{name:'post'}] }); //定义组合框中显示的数据源 var postStore=Ext.create('Ext.data.Store',{原创 2014-02-27 17:22:29 · 1913 阅读 · 0 评论 -
(15)ExtJS之Ext.form.field.Spinner微调字段
JS文件://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',原创 2014-02-27 17:19:04 · 1862 阅读 · 0 评论 -
(14)ExtJS之Ext.form.field.Trigger触发字段
JS文件://6:TriggerExt.onReady(function(){ var testForm=new Ext.form.Panel({ title:'Ext.form.field.Trigger示例', bodyStyle:'padding:5', frame:true, height:100, width:270, renderTo原创 2014-02-27 17:16:36 · 3828 阅读 · 0 评论 -
(13)ExtJS之Ext.form.field.RadioGroup、Ext.form.field.CheckboxGroup
JS文件://5:RadioGroup、CheckboxGroup,可以横排,成组管理Ext.onReady(function(){ new Ext.form.FormPanel({ title:'RadioGroup、CheckboxGroup示例', bodyStyle:'padding:5 5 5 5',//表单边距 frame:true, heigh原创 2014-02-27 17:13:09 · 1560 阅读 · 0 评论 -
(12)ExtJS之Ext.form.field.Radio、Ext.form.field.Checkbox
JS文件://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:15原创 2014-02-27 17:08:06 · 1775 阅读 · 0 评论 -
(11)ExtJS之Ext.form.field.Number数字输入框
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,原创 2014-02-27 17:01:06 · 6761 阅读 · 1 评论 -
(10)ExtJS之Ext.form.filed.TextArea文本区
JS文件:Ext.onReady(function(){ Ext.QuickTips.init(); var testForm=new Ext.form.Panel({ title:'Ext.form.field.TextArea示例', bodyStyle:'padding:5',//表单边距 frame:true, height:150,原创 2014-02-27 16:57:54 · 3163 阅读 · 0 评论 -
(9)ExtJS之Ext.form.field.Text
JS文件: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, ren原创 2014-02-27 16:55:42 · 2972 阅读 · 0 评论 -
(8)ExtJS之form表单
008_form.js://1:表单字段实例Ext.onReady(function(){ Ext.QuickTips.init();//初始化信息提示功能 var form=new Ext.form.Panel({ title:'表单',//表单标题 height:120,//表单高度 width:200, frame:true,//是否渲染表单 renderTo:原创 2014-02-25 13:21:25 · 1115 阅读 · 0 评论