ext4.0 表格分组和分组数量

关于表格分组网上有很多很多答案,不过都不怎么符合自己要用的,只能说思想一样,在这里我记录下怎么在ext mvc下在原有的代码添加

分组代码并且统计根据分组列的数量。其实代码挺简单,还有这里有个问题未解决后面解决了会加上:就是默认是有序号的即{ header: '序号', xtype: 'rownumberer', width: 60, align: 'center', sortable: false } ,但是分组之后序号不是分组后各部分的序号,需要处理下。


ext 分组代码和统计:   features:[{
                        ftype:'grouping',
                        groupByText:'根据此列进行分组',
                     //   groupTextTpl: '{text}(共{[values.rs.length]}条)',
                        //groupHeaderTpl: '啦啦啦啦啦啦啦}(共{[values.rs.length]}条)',
                        groupHeaderTpl: ['','{columnName}: {name} -- 共{rows.length}条记录'],
                        showGroupsText: '取消分组'
                        
                    }],


我给大家讲下这块代码该加到哪里去,和代码意义

1:这块代码加在 xtype: 'gridpanel', 的同级即{xtype: 'gridpanel',   ...在这里加    columns: [表格显示的列} }

ext各版本代码写法有的差异很大,让人好悲伤。

2:       ftype:'grouping',是排序  还有一个统计排序可以在前端做统计报表,大家可以去搜搜,我没有用过。

 groupByText:'根据此列进行分组',:这个就是点击列名右边下拉框显示的英文,这英文意思就是根据这一列排序吧,可以通过这个来写自己想写的中文。

  showGroupsText: '取消分组'一样的意思。

3:      groupHeaderTpl: ['','{columnName}: {name} -- 共{rows.length}条记录'], '{columnName}: {name}这个显示效果就是在统计头名字写的是当前列名:具体列名名字,比如

列名:人  里面内容有:男人 ,女人  最终对人这列排序效果为:人:男人 --共XX条记录  人:女人 --共XX条记录 

groupTextTpl这代码无效,估计是其他版本用的 ,悲伤

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值