`
xiegangthrille
  • 浏览: 93660 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Ext.gridpanel 锁列与多表头合并

    博客分类:
  • Ext
阅读更多

如果要实现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
分享到:
评论
18 楼 Q244163751 2014-11-13  
能否共享源码~ 244163751@qq.com~  谢谢!
17 楼 liyangli811369 2014-09-29  
求发源码参考一下,急用。谢谢!!!邮箱:1750719091@qq.com 万分感谢,谢谢!
16 楼 w110273315 2014-09-03  
大哥,可以把源码发一份给我吗?谢谢! 邮箱:110273315@qq.com
15 楼 hui201-23 2013-06-04  
还有个问题想请教一下,数据多的话左边的锁定列grid会出现滚动条,请问是如何解决的?能否也发我一份源码参考一下,谢谢!Email: 43609915@qq.com
14 楼 yaozy_1230 2013-05-28  
大哥,可以把源码发一份给我吗?谢谢! 邮箱:282982594@qq.com
13 楼 lulubleye 2013-03-05  
请问,能发一份你的demo吗?543225541@qq.com.现在项目中正做这个,急切帮助,谢谢!
12 楼 bobo2 2013-02-19  
请问大师,2边的数据如何同步的
11 楼 bobo2 2013-02-19  
大哥,可以把源码发一份给我吗?谢谢! 邮箱:710873313@qq.com
10 楼 JerryDwan 2012-04-27  
版主,我使用的是editorGridPanel加多表头,现项目中还需要锁定列,能否也发我一份源码参考一下,谢谢!Email: honghui_duan@126.com
9 楼 jixuezhiyuan 2012-01-05  
我发现如果列名只有一个,就是不是大列里面还有小列的情况,列头其实还是两行,名字显示在下行。能让它只有一行,名字居中显示么?貌似ext4可以做到,不知道ext3能不能做到这样。
http://www.mhzg.net/a/20115/201151911240247.html
8 楼 chhbwf 2011-12-30  
请问,能发一份你的demo吗?suncome_on@126.com.现在项目中正做这个,急切帮助!
7 楼 deng1259070 2011-10-18  
可以把你的源码发我一下吗?谢谢!deng1259070@163.com
6 楼 zomi_2010good 2011-08-08  
可以把你的源码发我一下吗?谢谢! 邮箱:zomi_2010good@163.com
5 楼 tonybin 2011-07-28  
可以把你的源码发我一下吗?谢谢了! 邮箱:tonybin0220@163.com
4 楼 liyanfen426 2011-07-26  
如果可以的话加我QQ一下吧,我一些EXT的东东想请教一下!QQ:583194536。谢谢
3 楼 liyanfen426 2011-07-26  
可以把你的源码或是当前页面的源码发我一下吗?谢谢! 邮箱:liyanfen426@126.com
2 楼 liyanfen426 2011-07-26  
可以把你的源码发我一下吗?谢谢! 邮箱:liyanfen426@126.com
1 楼 njsteven2010 2010-10-21  
很专业,变通的解决了这个问题。

相关推荐

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    Ext.grid.GridPanel 删除线

    Ext.grid.GridPanel 删除线 放到example文件夹下运行

    Ext表格列锁定+多表头插件

    在本文中,我们将深入探讨"Ext表格列锁定+多表头插件"这一主题,它在Ext3.4版本中的实现及其相关技术。这个插件主要用于改进Ext Grid的用户体验,特别是处理大量数据时,通过列锁定和多表头功能,使得用户能够更有效...

    GridPanel中的单元格不能选中复制的解决方法

    Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个问题的根源在于ExtJs输出的代码中,每个单元格的div...

    EXTJS.GRIDPANEL 日期格式

    综上所述,ExtJS.GridPanel中的日期格式设置涉及到数据存储、显示和编辑多个环节,开发者需要根据具体需求选择合适的日期格式。通过上述方法,我们可以确保日期数据在存储、显示和编辑过程中保持一致性和准确性,...

    ext gridpanel多层表头分组小计导出excel与Java后台交互全代码

    该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。

    Ext3.4.0复杂(多行)表头+锁定多列例子

    "Ext3.4.0复杂(多行)表头+锁定多列例子"这个标题涉及到的是一个JavaScript库——Ext JS的一个高级功能应用。Ext JS是一个流行的前端框架,用于构建富互联网应用程序(RIA),它提供了一套完整的组件化开发工具,包括...

    Ext GridPanel导出Excel(改进)

    将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...

    Ext2.2.GridPanel分页处理+dwrproxy(js对象和json两种数据)

    总结一下,本话题介绍了如何在Ext2.2的GridPanel中实现分页处理,利用DWRProxy与后台进行数据交互。无论数据是以JS对象还是JSON格式传输,关键在于理解数据流的过程,并正确配置相关的Store、Reader和DWR方法。通过...

    Ext.grid.GridPanel右键菜单

    右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    Ext的gridpanel控件二次加载问题

    在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据表格。然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要...

    Ext grid panel 滚动条位置不变

    ### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...

    可编辑表格Ext.grid.EditorGridPanel

    2. Ext.grid.EditorGridPanel:EditorGridPanel是Ext JS中的一种网格组件,它扩展了GridPanel,增加了单元格级别的编辑功能。用户可以直接在表格中修改数据,而无需跳转到单独的编辑页面。 二、核心特性 1. 可编辑...

    Ext实现GridPanel内嵌行内嵌表格(RowExpander)

    RowExpander插件是ExtJS中一个非常有用的特性,允许我们在GridPanel的每一行中添加一个可展开的区域,展示更多的详细信息。 首先,我们来理解RowExpander的基本概念。在标准的GridPanel中,每一行通常只显示简化的...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    最后一步是创建 `GridPanel` 并将其与 `RowEditor` 关联起来。这通常涉及到配置 `GridPanel` 的属性以及绑定数据存储等步骤。 ```javascript // 创建 GridPanel var grid = new Ext.grid.GridPanel({ store: store...

    extjs 实现动态表头

    动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...

    extjs动态表头,绝对的好东西啊

    这个"extjs动态表头"的资源很可能是一个插件或组件,名为`Ext.ux.grid.DynamicGridPanel.js`,它扩展了ExtJS的标准GridPanel,增加了动态调整列的能力。 动态表头的核心功能包括: 1. **实时编辑**:用户可以在...

    Ext 表头合并插件

    Ext 表头合并插件是一种在Ext JS框架中用于数据网格(Grid)的增强工具,它允许用户在数据网格的表头中实现多列合并,从而更好地组织和展示复杂的数据结构。这种插件通常用于创建具有层次结构或需要对一组相关列进行...

    Ext.grid.ColumnModel显示不正常

    Ext.grid.ColumnModel显示不正常

Global site tag (gtag.js) - Google Analytics