`

Extjs gridpanel横向滚动条的显示方法

 
阅读更多

用extjs时有时左边为树形菜单,右边为tabpanel时,gridpanel里的横向滚动条显示不出来。可以在gridpanel的属性中,加入以下代码可解决这个问题。

viewConfig : {     
    layout : function() {     
        if (!this.mainBody) {     
            return; // not rendered      
        }     
        var g = this.grid;     
        var c = g.getGridEl();     
        var csize = c.getSize(true);     
        var vw = csize.width;     
        if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:      
            return;     
        }     
        if (g.autoHeight) {     
            if (this.innerHd) {     
                this.innerHd.style.width = (vw) + 'px';     
            }     
        } else {     
            this.el.setSize(csize.width, csize.height);     
            var hdHeight = this.mainHd.getHeight();     
            var vh = csize.height - (hdHeight);     
            this.scroller.setSize(vw, vh);     
            if (this.innerHd) {     
                this.innerHd.style.width = (vw) + 'px';     
            }     
        }     
        if (this.forceFit) {     
            if (this.lastViewWidth != vw) {     
                this.fitColumns(false, false);     
                this.lastViewWidth = vw;     
            }     
        } else {     
            this.autoExpand();     
            this.syncHeaderScroll();     
        }     
        this.onLayout(vw, vh);     
    }     
} 

 

分享到:
评论

相关推荐

    Extjs gridpanel 出现横向滚动条问题的解决方法

    在使用ExtJS开发Web应用程序时,经常会遇到在GridPanel中数据列过多,导致横向滚动条自动出现的问题。这个问题主要是由于GridPanel的宽度不足以容纳所有的列宽,因此浏览器会自动显示横向滚动条以便用户查看全部数据...

    ExtJs GridPanel双击事件获得双击的行

    以上就是关于ExtJs GridPanel双击事件获取双击的行及选中复选框状态的实现方法。通过这些知识,你可以轻松地在GridPanel中添加用户交互功能,提升应用程序的用户体验。请确保在实际项目中根据需求调整代码,以满足...

    ExtJs GridPanel延时加载.rar

    在给定的"ExtJs GridPanel延时加载.rar"文件中,主要涉及的核心概念是ExtJs中的GridPanel组件以及延时加载技术。GridPanel是ExtJs中一个非常重要的组件,它用于展示表格数据,而延时加载则是一种优化大量数据处理的...

    给Extjs的GridPanel增加“合计”行

    在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加‘合计’行”将指导我们如何实现这一功能。 首先,我们需要...

    EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化

    这个文件可能包含具体的示例代码和实现细节,通过阅读和学习这个文件,我们可以更深入地理解EXTJS GridPanel动态调整列宽的方法。 总结起来,EXTJS GridPanel的ColumnModel允许我们灵活控制列宽,通过`flex`和`...

    Extjs让Gridpanel组件自动滚屏

    后来公司让改变一个Gridpanel的展现方式,要求实现滚屏的效果。于是我就开始找API相关的功能了。找了很久,也没有找到框架的相应控制方法,然后在网上找了很久,也没有找到有人给去示例,无奈就只能自己写JS来控制...

    ExtJS的GridPanel导出excel文件

    ExtJS的GridPanel导出excel文件,方便快捷易懂!

    通过Servlet让Extjs GridPanel 显示数据库数据.docx

    ### 通过Servlet让Extjs GridPanel显示数据库数据 在现代Web开发中,将数据库中的数据动态展示在前端界面上是一项常见的需求。本文档主要介绍如何通过Servlet技术配合Extjs框架中的GridPanel组件来实现这一功能。 ...

    extjs gridpanel例子和简单应用

    displayMsg: '显示第{0}条到第{1}条记录,一共{2}条', displayInfo: true }); ``` 创建了一个`PagingToolbar`实例,设置了每页显示的记录数和分页信息的显示方式。 7. **创建GridPanel** ```javascript ...

    Extjs4.0 列隐藏和滚动条动态加载

    ExtJS 4.0 引入了一个新的Scroller组件,它可以处理表格的垂直和水平滚动。滚动条动态加载,也称为虚拟滚动,是一种优化性能的技术,仅加载或渲染屏幕上的数据,而不是一次性加载整个数据集。这使得处理大量数据时...

    Extjs2.02 Gridpanel

    【EXTJS 2.02 GridPanel 知识详解】 EXTJS GridPanel 是EXTJS库中的核心组件之一,尤其在EXTJS 2.02版本中,它提供了强大的表格展示和交互功能,对于初学者来说极具学习价值。GridPanel不仅能够处理基本的表格操作...

    ExtJs GridPanel 操作

    ExtJS GridPanel是Sencha ExtJS框架中的一个核心组件,用于创建数据网格,展示大量结构化数据。在本文中,我们将深入探讨GridPanel的操作,包括其功能、配置选项以及如何扩展GridPanel以满足复杂需求。 首先,...

    Ext grid panel 滚动条位置不变

    这里的`scrollTop`方法将滚动条重置到顶部,而`scrollToTop`方法则为空函数,这样就可以避免默认行为对滚动条位置的影响。 #### 实现细节 1. **事件监听**: - 在`beforerefresh`事件中保存滚动条位置。 - 在`...

    汇总Extjs中GridPanel的各个属性与方法.doc.docx

    ExtJS 是一个强大的...以上就是 ExtJS 中 GridPanel 的一些核心属性和方法,它们共同构建了一个功能强大的数据展示和交互界面。在实际开发中,可以根据需求灵活配置和使用这些组件,以实现各种复杂的数据管理功能。

    ExtJS 表格面板GridPanel完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

    Extjs入门教程(treePanel和GridPanel)

    GridPanel则是ExtJS中的表格视图组件,它可以展示大量的数据,并提供排序、筛选、分页等功能。在集成TreePanel和GridPanel时,可能涉及到的概念有:将TreePanel的节点与GridPanel的数据关联,实现点击树节点时动态...

    extjs gridPanel动态 源代码

    NULL 博文链接:https://xiaohewoai.iteye.com/blog/409898

    汇总Extjs中GridPanel的各个属性与方法.doc.pdf

    ExtJS中的GridPanel是用于展示数据的组件,它...以上就是关于ExtJS中GridPanel及其相关组件的主要属性和方法的详细解释,这些配置和方法为开发人员提供了极大的灵活性,使得能够根据需求创建各种复杂的表格布局和交互。

    ExtJS介绍以及GridPanel

    在本文中,我们将深入探讨ExtJS的核心特性,特别是其GridPanel组件。 首先,ExtJS的核心特性之一是组件化。它将网页元素抽象为可复用的组件,如按钮、表格、窗口等,每个组件都有自己的属性、方法和事件,可以方便...

Global site tag (gtag.js) - Google Analytics