| 2011/10/2 | Javascript | 被围观 17,316 views+
技能修炼: 编写一个ExtJS根据后台数据动态创建CheckboxGroup的例子。 1、准备知识: ★Ext的Ajax请求的编写 Ext.Ajax.request({ url: '', callback: function(options,success,response){ if(success = true){ response.responseText; //可由后台获取JSON格式数据进行解析 }else{ } } }); ★JSON格式数据的组装和读取 参考:Javascript解析由服务器返回的JSON格式数据 ★CheckboxGroup的基本编写方法(checkbox的构造和拼接) {boxLabel:'部门查看',name:'department-view',id:'department-view',inputValue:'department-view'...
| 2011/9/17 | Javascript | 被围观 25,478 views+
在Ext.form.FormPanel的Item中可以创建RadioGroup组件: { xtype: 'radiogroup', id : 'gender', name:'gender', fieldLabel: "性别", items : [{ boxLabel: '男', name: 'sex', inputValue:'MAN' //映射的值 // checked : true },{ boxLabel: '女', name: 'sex', inputValue:'WOMAN' }] } 如果要设置RadioGroup的默认值,可以在Struts2的Action中创建一个名称和xtype的name一样的属性,如上面的gender,这样,传到前台时就会设置为默认值了。 如果要获取RadioGroup的选中值,可以创建一个名称和radiogro...
| 2011/8/6 | Javascript | 被围观 14,713 views+
批量删除的基本方法是把需要删除的一组ID使用字符串形式传到后台,然后再后台把字符串转换成数组获取到所有的ID进行处理。 ① 使用getSelectionModel()获取GridPanel的SelectionModel,主要表格的ColumnModel需要设置选择模型: var checkColumn = new Ext.grid.CheckboxSelectionModel(); ② 使用SelectionModel的getSelections()方法获取选中的Record ③ 使用Record的get方法获取对应字段的值 ④ 把所有字段的值组装成字符串传给后台。 具体实现代码如下: var gridSelMode = _tab4_styleGridPanel.getSelectionModel(); var selRecords = gridSelMode.getSelections(); var selIds...
| 2011/8/6 | Javascript | 被围观 19,174 views+
如果我们使用条件查询过滤表格中的数据,而请求的是同一个URL,只是根据传入的参数不同而得到不同结果集的情况下,我们可以使用Store的addListener方法注册一个beforeload事件,在请求前注入参数: grid.getStore().addListener({ beforeload:function(store,records,options){ store.baseParams = { query:'true', name:name //name为之前定义的变量 }; } }); 要显示全部的话,可以重新传入不同的参数,让后台根据参数进行不同的处理: grid.getStore().addListener({ beforeload:function(store,records,options){ store.baseParams = { query:'f...
| 2011/8/6 | Javascript | 被围观 13,770 views+
在创建FormPanel时,指定一个reader,下面在reader配置项中创建了一个JsonReader去解析服务器端返回的Json数据,JsonReader中使用mapping把对应的name中的值映射到表格对应的组件中: var formPanel = new Ext.form.FormPanel({ labelAlign: 'right', labelWidth: 100, frame: true, width: 685, layout:'form', fileUpload: true, defaultType: 'textfield', defaults: {width:200}, reader: new Ext.data.JsonReader({root:'product'}, [{name:'productId',mapping:'productId'}, {name:'name',mapping:'name'}, {name:'typecom',mapping:'typecom'}, ...
| 2011/8/6 | Javascript | 被围观 21,842 views+
使用ArrayStore获取本地数据的方法: MisTab4.createSexCom = function(){ var com_brandType = new Ext.form.ComboBox({ name:'sex', id: 'sex', fieldLabel: '适用性别', mode:'local', valueField: 'sexTypeid', displayField:'sexTypename', allowBlank:false, minListWidth:220, store: new Ext.data.ArrayStore({ id:sexCom, fields:[ 'sexTypeid', 'sexTypename' ], data:[["MAN","男"],["WOMEN","女"],["NONE","男女不限"]] }), listeners :{ expand :function(){ /*下拉框展开时重置,否则...
| 2011/7/29 | Javascript | 被围观 13,460 views+
在ExtJS中当我们设置了分页的条件时,要跳转到第二页,发现设置分页的一些条件参数没有被传递到第二页,使得第二页显示了所有的数据。 为了解决这个问题,可以在创建JsonStore时设置一个beforeload监听事件,在每次load上数据前,先做好一些附加参数的准备工作,代码如下: MisTab1.getProductTypeStore = function(){ var url = "product/ProductType-getProductTypeList.action"; return new Ext.data.JsonStore({ root: 'productType', totalProperty: 'totalCount', url: url, fields: ['productId','modify','product_type_name','create_sub','parent_name','create_sub...
| 2011/7/28 | Javascript | 被围观 16,407 views+
一、如何让ExtJS的弹出提示信息框Ext.MessageBox或者创建的Ext.Window显示在最前面: 下面是显示一个Window的JS代码: var formPanel = MisTab1.createAddFormPanel(); var addWin = new Ext.Window({ title: "添加产品类别", pageX: 50, pageY: 50, width: 600, height: 200, plain: true, resizable: false, collapsible: true, closeAction: 'close', closable: true, modal: 'true', buttonAlign: "center", bodyStyle: "padding:20px 0 0 0", alwaysOnTop: true, items: [formPanel], ...
| 2011/7/24 | Javascript | 被围观 37,152 views+
ExtJS中表格的特性简介 表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为如下几种: JsonStore,SimpleStore,GroupingStore… 一个表格的基本编写过程: 1、创建表格列模型 var cm = new Ext.grid.ColumnModel({ {header: '角色', dataIndex: 'role'}, {header: '等级', dataIndex: 'grade'}, {header: '创建日期', dataIndex: 'createDate', type: 'date', renderer: Ext.util.Format.dateRenderer('Y年m月d日')} //创建日期类型的数...
| 2011/7/24 | Javascript | 被围观 7,938 views+
EXT中的事件,可分为如下两种事件:自定义事件和浏览器事件: 自定义事件: EXT中的自定义事件通常是继承Ext.util.Observable类来实现。可以为继承了Ext.util.Observable的对象定义一些事件。 具体使用方法如下: 创建一个Student类,包含一个属性name,使用this.addEvents()添加2个事件 Student = function(name){ this.name = name; this.addEvents("read","write"); } 使用Ext.extend让Student继承Ext.util.Observable,添加一个函数info() Ext.extend(Student, Ext.util.Observable,{ info: function(event){ return this.name + ' is ' + event + 'ing.'; } }); ...
随机文章 本月热门 热评
1 Javascript笔记 – Javascript中的语言特性和数据类型 2012/5/22
2 Java源码分析 – ArrayList动态数组列表源码分析 2011/10/10
3 wordpress使用Delete-Revision插件删除多余的文章版本和优化数据库 2011/4/10
4 使用ItzDesktop创建Web桌面简单教程 2012/6/10
5 SSH整合遇到的一些问题:Exception starting filter struts2, Unable to load configuration, ContainerBuilder.java132,NullPointerException 2011/7/27
6 8251A的编程约定 2011/4/24
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.