- 浏览: 1418431 次
- 性别:
- 来自: 广州
文章分类
- 全部博客 (409)
- Java (48)
- Spring (29)
- struts2 (17)
- hibernate (4)
- 设计模式 (24)
- jbpm (1)
- JavaScript (5)
- 统计报表 (7)
- ExtJS_3.0 (35)
- struts1 (1)
- 分析设计 (3)
- Flex3 (24)
- UML (2)
- 数据库 (18)
- PowerDesigner (2)
- 应用服务器 (3)
- WebService (5)
- ActiveMQ_5.3.2 (6)
- Java通信技术 (11)
- GWT (6)
- OSGi (15)
- android (11)
- liferay6.0.6 (13)
- jquery (13)
- Linux (3)
- java.util.concurrent (16)
- guava (9)
- 开发模式 (1)
- 大数据 (2)
- 互联网金融 (4)
- treegrid-3.0 (7)
- 分布式 (8)
- GO语言 (4)
- maven (1)
- 缓存技术 (6)
- 其他 (2)
- 前端页面 (1)
- heasy (1)
- spring cloud(F版) (21)
- springboot (12)
- springmvc (5)
- mybatis (3)
- dubbo (1)
- 物联网 (0)
最新评论
-
raymond.chen:
谢谢您的分享
使用Ngrok解决通过外网访问内网web应用 -
wangyudong:
速度有点慢,不过在也找到了一个开源的holer,配置一个key ...
使用Ngrok解决通过外网访问内网web应用 -
a1006458222:
...
Axis2的部署和应用 -
偷师来了:
不好意思 这样的博客我觉得就灭有必要分享出来了 命令大家都会看 ...
Consul框架介绍 -
lliiqiang:
怎么直接删除文件夹啊?固定的几个文件可以删除,不固定的呢?需要 ...
Flex AIR —— 文件读写
1、Ext.grid.GroupingView
主要配置项:
enableGroupingMenu:是否在表头菜单中进行分组控制,默认为true
groupByText:表头菜单中分组控制的菜单文字,默认为'Group By This Field'
enableNoGroups:是否允许用户关闭分组功能,默认为true
showGroupsText:在表头菜单中启用分组和禁用分组的菜单文字,默认为'Show in Groups'
groupTextTpl:用于渲染分组信息的模板,默认为'{text}',常用的可选值有:
text:列标题:组字段值
gvalue:组字段的值
startRow:组行索引
enableGrouping:是否对数据分组,默认为true
hideGroupedColumn:是否隐藏分组列,默认为false
ignoreAdd:在向表格中添加数据时是否刷新表格,默认为false
showGroupName:是否在分组行上显示分组字段的名字,默认为true
startCollapsed:初次显示时分组是否处于收缩状态,默认为false
主要方法:
collapseAllGroups():收缩所有分组行
expandAllGroups():展开所有分组行
getGroupId( String value ):根据分组字段值取得组id
toggleAllGroups( [Boolean expanded] ):切换所有分组行的展开或收缩状态
toggleGroup( String groupId, [Boolean expanded] ):切换指定分组行的展开或收缩状态
2、Ext.data.GroupingStore
groupField:分组字段
groupOnSort:是否在分组字段上排序,默认为false
remoteGroup:是否远程分组数据,默认为false。如果是远程分组数据,则通过groupBy参数发送分组字段名
3、范例源码
var datas = [[1,"张三",24,"男",new Date(1986,06,09)], [2,"李四",30,"女",new Date(1980,09,13)], [3,"王五",28,"男",new Date(1982,01,10)]]; var person = Ext.data.Record.create([ {name: "personId", mapping: 0}, {name: "personName", mapping: 1}, {name: "personAge", mapping: 2}, {name: "personGender", mapping: 3}, {name: "personBirth", mapping: 4} ]); var grid = new Ext.grid.GridPanel({ title: "GroupingView实例", renderTo: "div1", width: 500, height: 300, frame: true, tbar: [ { text: "展开/收缩", iconCls: "search", handler: function(){ var view = grid.getView(); //var groupId = view.getGroupId("男"); //view.toggleGroup(groupId); view.toggleAllGroups(); } } ], store: new Ext.data.GroupingStore({ reader: new Ext.data.ArrayReader({id:0}, person), data: datas, sortInfo: {field:"personId", direction:"ASC"}, //数据排序 groupField: "personGender" //分组字段 }), view: new Ext.grid.GroupingView({ sortAscText: "升序", sortDescText: "降序", columnsText: "表格字段", groupByText: "使用当前字段进行分组", showGroupsText: "表格分组", groupTextTpl: "{text}(共{[values.rs.length]}条)" }), columns: [ {id:"personId", header:"编号", width:50, dataIndex:"personId"}, {id:"personName", header:"姓名", width:70, dataIndex:"personName"}, {id:"personAge", header:"年龄", width:45, dataIndex:"personAge"}, {id:"personGender", header:"性别", width:45, dataIndex:"personGender"}, {id:"personBirth", header:"出生日期", width:120, dataIndex:"personBirth", renderer:Ext.util.Format.dateRenderer("Y年m月d日")} ] });
发表评论
-
表单组件_v2.2(四)
2011-01-30 15:51 20351、下拉框组件支持中间模糊查询 function liste ... -
表单组件_v2.2(三)
2010-10-07 22:21 2753本范例展示如何使用表单的各种组件。 下拉框组件展示了5种使用 ... -
表单组件_v2.2(二)
2010-10-07 21:57 18091、Ext.form.Hidden 2、Ex ... -
表单组件_v2.2(一)
2010-10-07 21:48 21241、Ext.form.Action ... -
属性表格:Ext.grid.PropertyGrid
2010-05-24 21:03 96371、Ext.grid.PropertyGrid 主要 ... -
可编辑表格:Ext.grid.EditorGridPanel
2010-05-24 20:59 215731、Ext.grid.EditorGridPanel ... -
普通表格范例
2010-05-24 16:14 2910主要演示以下功能: 包含复选框列、行号列 自定 ... -
普通表格:Ext.grid.GridPanel
2010-05-24 15:48 11598表格相关组件总图: ... -
树组件:异步树范例
2010-05-21 15:34 26631、范例主要展示以下功能点: 树节点通过请求服务 ... -
树组件:普通树范例
2010-05-21 15:26 19661、范例包含以下功能点: 节点包含复选框 ... -
树组件:主要配置项、属性、方法
2010-05-21 15:01 39191、Ext.tree.TreePanel ... -
Ext.TabPanel
2010-05-20 14:28 27423TabPanel不显示面板的标题和头部工具条。 1、主 ... -
Ext.Viewport
2010-05-18 02:00 20287Ext.Viewport代表浏览器窗口的整个显示区域,将doc ... -
垂直盒布局(VBoxLayout)
2010-05-18 01:54 5536Ext.layout.VBoxLayout扩展自Ext.lay ... -
水平盒布局(HBoxLayout)
2010-05-18 01:51 7675Ext.layout.HBoxLayout扩展自Ext.lay ... -
边框布局(BorderLayout)
2010-05-18 01:48 4713Ext.layout.BorderLayout扩展自Ext.l ... -
表格布局(TableLayout)
2010-05-18 01:46 3879Ext.layout.TableLayout扩展自Ext.la ... -
列布局(ColumnLayout)
2010-05-18 01:43 3726Ext.layout.ColumnLayout扩展自Ext.l ... -
表单布局(FormLayout)
2010-05-18 01:40 5216Ext.layout.FormLayout是为表单特殊设计的布 ... -
绝对位置布局(AbsoluteLayout)
2010-05-18 01:34 3044Ext.layout.AbsoluteLayout扩展自Ext ...
相关推荐
Ex4.0共2个压缩包特性,《ext js权威指南》 ...10.3.4 数据汇总功能:ext.grid.featrue.abstractsummary与ext.grid.featrue. summary / 539 10.3.5 分组功能:ext.grid.featrue.grouping / 543 10.3.6 分组汇总...
NULL 博文链接:https://atian25.iteye.com/blog/1019910
org.restlet.ext.servlet-2.1.1.jar
JMeter导入jmx运行脚本时出现这样的错误jmeter.save.SaveService: Conversion error .../lib/ext ==> JMeterPlugins.jar
Ext.data.Store的基本用法 Ext.data.Store的基本用法 Ext.data.Store的基本用法
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
sqoop-1.4.6.2.3.99.0-195.jar org.restlet-2.4.3.jar org.restlet.ext.servlet-2.4.3.jar
看名字,有需要下jar包
1、Ext.TabPanel简单使用 代码:
Ext.grid.ColumnModel显示不正常
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
此文档是可编辑表格Ext.grid.EditorGridPanel的说明以及示例的源代码,放到eclipse里面即可运行,显示出效果!
封装Ext.grid.Grid+dwr实现增删该查
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid.plugin.DragSelector 8、Ext....
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....
Ext.grid.GridPanel 删除线 放到example文件夹下运行
org.restlet.ext.spring.jar