如果要实现EXT Gridpanel的锁列和多表头整合一起使用,有点难度!因为它们是两个不同的扩展组件。
目前我有一个做法,效果我已经上传。就是用两个GridPanel,数据共享一份,
一个把需要锁定的列显示(考虑锁定列数目少的情况),去掉边框frame:false,布局在左边
另一个把多表头的做法 ,可参考GroupHeaderPlugin.js组件。
因为需要两个Gridpanel选中同步,滚动条同步所以用到,其中grid和grid1分别代表不同的Gridpanel
grid.addListener("rowclick",function(_grid,_rowIndex,_evt){
grid1.getSelectionModel().selectRow(_rowIndex);
},this);
grid1.addListener("rowclick",function(_grid,_rowIndex,_evt){
grid.getSelectionModel().selectRow(_rowIndex);
},this);
grid.addListener("bodyscroll",function(scrollLeft,scrollTop){
var c = grid1.getView().scroller.dom;
c.scrollTop =scrollTop;
c.scrollLeft =scrollLeft;
},this);
grid1.addListener("bodyscroll",function(scrollLeft,scrollTop){
var c = grid.getView().scroller.dom;
c.scrollTop =scrollTop;
//c.scrollLeft =scrollLeft;
},this);
- 大小: 34 KB
分享到:
相关推荐
### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...
Ext.grid.GridPanel 删除线 放到example文件夹下运行
在本文中,我们将深入探讨"Ext表格列锁定+多表头插件"这一主题,它在Ext3.4版本中的实现及其相关技术。这个插件主要用于改进Ext Grid的用户体验,特别是处理大量数据时,通过列锁定和多表头功能,使得用户能够更有效...
Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个问题的根源在于ExtJs输出的代码中,每个单元格的div...
综上所述,ExtJS.GridPanel中的日期格式设置涉及到数据存储、显示和编辑多个环节,开发者需要根据具体需求选择合适的日期格式。通过上述方法,我们可以确保日期数据在存储、显示和编辑过程中保持一致性和准确性,...
该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。
"Ext3.4.0复杂(多行)表头+锁定多列例子"这个标题涉及到的是一个JavaScript库——Ext JS的一个高级功能应用。Ext JS是一个流行的前端框架,用于构建富互联网应用程序(RIA),它提供了一套完整的组件化开发工具,包括...
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
总结一下,本话题介绍了如何在Ext2.2的GridPanel中实现分页处理,利用DWRProxy与后台进行数据交互。无论数据是以JS对象还是JSON格式传输,关键在于理解数据流的过程,并正确配置相关的Store、Reader和DWR方法。通过...
右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。
在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...
在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据表格。然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要...
### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...
2. Ext.grid.EditorGridPanel:EditorGridPanel是Ext JS中的一种网格组件,它扩展了GridPanel,增加了单元格级别的编辑功能。用户可以直接在表格中修改数据,而无需跳转到单独的编辑页面。 二、核心特性 1. 可编辑...
RowExpander插件是ExtJS中一个非常有用的特性,允许我们在GridPanel的每一行中添加一个可展开的区域,展示更多的详细信息。 首先,我们来理解RowExpander的基本概念。在标准的GridPanel中,每一行通常只显示简化的...
最后一步是创建 `GridPanel` 并将其与 `RowEditor` 关联起来。这通常涉及到配置 `GridPanel` 的属性以及绑定数据存储等步骤。 ```javascript // 创建 GridPanel var grid = new Ext.grid.GridPanel({ store: store...
动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...
这个"extjs动态表头"的资源很可能是一个插件或组件,名为`Ext.ux.grid.DynamicGridPanel.js`,它扩展了ExtJS的标准GridPanel,增加了动态调整列的能力。 动态表头的核心功能包括: 1. **实时编辑**:用户可以在...
Ext 表头合并插件是一种在Ext JS框架中用于数据网格(Grid)的增强工具,它允许用户在数据网格的表头中实现多列合并,从而更好地组织和展示复杂的数据结构。这种插件通常用于创建具有层次结构或需要对一组相关列进行...
Ext.grid.ColumnModel显示不正常