自己封装的Extjs组件GroupGrid（1）

最新推荐文章于 2021-05-17 07:09:25 发布
最新推荐文章于 2021-05-17 07:09:25 发布
阅读量219 收藏
点赞数
分类专栏： EXT JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chy2z/article/details/80080271
版权

 效果图（1）: 能自动生成 按显示字段查询,高级查询,导出数据,统计图, 改变每页记录数

自己封装的Extjs组件GroupGrid.js（1） - chy2z - 黑暗行动

 效果图（2）: 能够使用插件，多表头插件

自己封装的Extjs组件GroupGrid.js（1） - chy2z - 黑暗行动

效果图（3）:  记录分组显示，高级查询界面自己封装的Extjs组件GroupGrid.js（1） - chy2z - 黑暗行动

效果图（4）:能够自动生成 增加和修改界面 

自己封装的Extjs组件GroupGrid.js（1） - chy2z - 黑暗行动

效果图（5）:生成简单的统计图

自己封装的Extjs组件GroupGrid.js（1） - chy2z - 黑暗行动

 效果图（6）:自带右键菜单

自己封装的Extjs组件GroupGrid.js（1） - chy2z - 黑暗行动

 GroupGrid 用到了后面日志中介绍的几个组件，有兴趣的可以看看后面几个组件的代码！最后在把GroupGrid 的代码放上来！

代码下载地址：http://www.51aspx.com/code/ChyBookMS

黑暗行动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
extjs_GroupPropertyGrid.js
11-20
基于extjs分组propertyGrid ,分组不排序
【引用】自己封装的Extjs组件GroupGrid（1）
随风飘絮
02-28 1050
和大家分享这篇日志，我的看法是：  原文地址：自己封装的Extjs组件GroupGri    原文作者：chy2z  效果图（1）: 能自动生成 按显示字段查询,高级查询,导出数据,统计图, 改变每页记录数  效果图（2）: 能够使用插件，多表头插件 效果图（3）:  记录分组显示，高级查询界面 效果图（4）:能够自动生成 增加和修改界面  效果图（5）:生成简单的统计图
extjs jsonreader groupgrid
程序人生
12-17 1004
http://defafe.com/tutorial-extjs-grouping/ 检查JSON的合法性http://www.jslint.com/
自己封装的Extjs组件GroupGrid的代码（2） GroupGrid.js
chy2z的专栏
04-25 286
接着上《一篇自己封装的Extjs组件GroupGrid的代码（1）  GroupGrid.js》 剩余GroupGrid.js代码： createChartWindow:function(){                  var date=new Date().format("Y-m-d H:i:s");                                     
自己封装的Extjs组件GroupGrid的代码（1） GroupGrid.js
chy2z的专栏
04-25 279
由于代码空格太多，一篇发不完分成两段发上来。 GroupGrid.js 代码段（1） Ext.namespace("Ext.tet");Ext.tet.GroupGrid=Ext.extend(Ext.grid.GridPanel , {                //=====================================自定义属性结束===========
ExtJs组件类的对应表
05-08
ExtJs组件类的对应表，很好的，分享给大家！！
Extjs单独定义各组件的实例代码
10-27
Extjs组件的定义在网上看到了一个实例，于是拷了下来留着以后用，现在把它晒出来与大家一起分享，感兴趣的各位可不要错过了哈
ExtJS 常用组件样式修改
12-06
这里主要介绍了ExtJS常用组件的样式修改，包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。
EXTjs组件.docx
11-26
...
EXTjs组件.pdf
11-26
...
ext4采用最新的MVC模式groupgrid 分组表
04-15
从项目中提取的代码 绝对可以正常运行 采用的是ext最新的mvc模式 有必要的注释，ext版本为4.1.1（如果直接运行的话文件夹的名称需要更改一下）
extjs4.1 grid 分组 （对象是一个object）以及其它。
zhengyuechuan的专栏
09-13 4259
前几天做分组，老是遇到问题，后来经过测试，找到了解决方法。 model中： Ext.define('Sharera.model.community.Topic', { extend: 'Ext.data.Model', idProperty: 'id', fields: [ {name:'id',type:'long'}, {nam
ExtJS4.2学习(10)分组表格控件--GroupingGrid
weixin_33758863的博客
12-11 207
分组表格控件在我们的开发中经常被用到，GroupingGrid分组表格就是在普通表格的基础上，根据某一列的数据显示表格中的数据分组的表格控件。举个例子给大家，比如某些信息用树形显示觉得有点大才小用，树形可以有无限极，但是用了分组表格可以完美的展示信息，看下图是我的项目中用到的一个例子，将所有评分项显示出来，并且动态获取是否有次数，如果有次数将出现可编辑，没有次数就不可编辑，如...
extjs---分组表格groupGrid
热门推荐
snn1410的专栏
04-11 1万+
Ext.grid.GroupingGrid分组表格就是在普通表格的基础上，根据某一列的数据将表格中的数据分组显示的表格的控件。  var cm = [      {header:'编号',dataIndex:'id',name:'id'},     {header:'性别',dataIndex:'sex',name:'sex'},     {header:'名称',dataIndex:'n
extjs grid grouping 关闭和展开
weixin_34106122的博客
07-04 297
Ext.onReady(function() { var store = Ext.create('Ext.data.Store', { storeId: 'employeeStore', fields: ['name', 'seniority', 'department'], groupField: 'department', da...
ExtJS4学习笔记十－－Grid使用
逸雨涵梦的专栏
08-21 5187
一、grid的例：  Javascript代码   //配置表格列   {header: "姓名", width: 50, dataIndex: 'name'},   {header: "组长", width: 50, dataIndex: 'leader',        xtype: 'booleancolumn',//Ext.grid.column.Bool
ExtJS（2）- Grid技巧
weixin_33937778的博客
07-18 110
Grid是ExtJS中最常用的组件之一，今天在此稍作整理，主要针对一些常用的功能知识点。一、基础的Grid表格Ext.create('Ext.data.Store',{ storeId:'simpsonsStore', fields:['name','email','phone'], data:{'items':[ {'...
Extjs 表格分组 grid grouping
jazywoo_在路上
08-23 1704
Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget='side'; var itemsPerPage=10; var store1=Ext.create('Ext.data.Store',{ storeId:'gridStore1', fields:['Id
[Ext JS]5.8 Group Grid-分组网格
oscar999的专栏
05-17 417
分组网格及其效果 分组Grid， 是以数据中的某一个属性对数据进行分组， 以上图为例， 对三国的武将列表以国家进行分组。 分组Grid的效果是： 每个分组会新增一行组的显示 该分组的属性一般不需要以列进行显示 分组网格的实现 Ext JS 原生就提供了分组网格的实现， 实现方式是通过Grid的features 进行配置。以上面的示例效果为例， 代码片段如下： xtype:'grid', columns: [{text: '武将名',dataIndex: 'name',fl
extjs怎么监听layui组件
最新发布
05-12
如果你需要在 ExtJS 中监听 layui 组件的事件，你可以将 layui 组件作为普通的 DOM 元素，在 ExtJS 中使用 Ext.get() 或 Ext.query() 等方法获取到该元素，然后使用 Ext.dom.Element.on() 方法或 Ext.dom.Element....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值