Ext合并表头并不难,需要引入一个开源的扩展文件GroupHeaderPlugin.js和GroupHeaderPlugin.css
现在展示以前做过的一个小例子
var eventcolModel = new Ext.grid.ColumnModel({ columns:[ { header : '编号', dataIndex : 'id', hidden:true, editor : new Ext.grid.GridEditor( new Ext.form.TextField({ allowBlank : false }) ) }, { header : '小时', dataIndex : 'startTimeHour', align:'right', width : 150, editor : new Ext.grid.GridEditor( startTimeHourCombo ), renderer:function(value){//显示combo的text而不是显示value return comboHourData[value][1]; } }, { header : '分钟', dataIndex : 'startTimeMin', align:'left', width : 150, editor : new Ext.grid.GridEditor( startTimeMinCombo ), renderer:function(value){//显示combo的text而不是显示value return comboMinData[value][1]; } }, { header : '小时', dataIndex : 'endTimeHour', align:'right', width : 150, editor : new Ext.grid.GridEditor( endTimeHourCombo ), renderer:function(value){//显示combo的text而不是显示value return comboHourData[value][1]; } }, { header : '分钟', dataIndex : 'endTimeMin', align:'left', width : 150, editor : new Ext.grid.GridEditor( endTimeMinCombo ), renderer:function(value){//显示combo的text而不是显示value return comboMinData[value][1]; } }, { header : '亮度(%)', dataIndex : 'brightness', align:'center', width : 300, editor : new Ext.grid.GridEditor( brightnessCombo )/*, renderer:function(value){//显示combo的text而不是显示value return comboBrightnessData[value][1]; }*/ } ],//columns结束 rows: [[ {}, {header: '开始时间', colspan: 2, align: 'center'}, {header: '结束时间', colspan: 2, align: 'center'}, {} ] ] });
var eventGrid = new Ext.grid.EditorGridPanel({ id:'eventGird', title:'event', region:'center', //height:200, split:true, store: eventStore, cm:eventcolModel, bbar:eventTb, sm: new Ext.grid.RowSelectionModel({singleSelect:true}), viewConfig:{ forceFit:true }, plugins: [new Ext.ux.plugins.GroupHeaderGrid()] });
相关推荐
MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[]; for(var i = 0...
Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分,回帖加1分,欢迎下载,童叟无欺。Ext grid中渲染进度条,超帅 源码-----下载不扣分...
本人成功实现的一个合并列的例子,希望对大家有帮助
NULL 博文链接:https://myjoan.iteye.com/blog/565875
extgrid 是一款jquery上的gird插件 界面风格采用了类似easyui extjs 界面风格样式 可通过css修改自己想要的样式 extgrid具有列大小 位置改变 排序 分组 分页 工具栏 扩展行 rowNumber 多选列 编辑列 行列锁 ajax...
extjs grid 多表头 插件 extjs grid 多表头 插件
Ext3.4版本,描述如题,感谢之前在本网站提供了相关代码的大神们。 在项目中采用了其中一个,但是有一个小BUG,当列全部解锁时,列与前面的数字列、勾选列有错位现象,此版本已修复。
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。
Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码Ext grid PagingToolbar分页实例源码
我博文《Ext4原生grid的导出控件》一文用到的js包以及其他方面的资料。
Ext3.4.0复杂(多行)表头+锁定多列例子 非常棒,项目中需要使用到的。
html 表头固定,基于ext的 html 表头固定,基于ext的 html 表头固定,基于ext的
支持Ext3 Ext4导出excel,客户端导出表格,支持各种主流浏览器。
Ext grid panel 滚动条位置不变,适用于实时数据的刷新
找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, <br>但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...
ext 扩展子列表头 ,列表头分层 ,例子分了三层 ,打开 ANSTS01 即可
这是一个用于EXT实现复杂表头的插件.资源共享...欢迎下载.
用于Ext开发Grid中遇到的所锁列的问题,这个很有帮助
封装EXT中grid的打印,多表头,自动从grid的store取数,完成打印页面和生成,调用只需要一两句代码