关于表格分组网上有很多很多答案,不过都不怎么符合自己要用的,只能说思想一样,在这里我记录下怎么在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这代码无效,估计是其他版本用的 ,悲伤