`

ext grid 没有数据时不显示横向滚动条的解决办法

EXT 
阅读更多

EXT Grid 没有数据时不显示横向滚动条的解决办法：

this.grid.getView().mainBody.dom.style.width = this.grid.getView().getTotalWidth();
this.grid.getView().mainBody.dom.style.height = '1px';
注意：this.grid为创建的grid。

原理很简单哈，Ext要表格滚动条是通过计算面板的绝对宽度来实现的，如果没有指定宽度，则就会出问题了。

分享到：
| web.xml 配置详解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Ext中的Grid控制纵向滚动条单次滚动量

    当数据行数非常多时，用户可能希望自定义滚动条的滚动量，即单次滚动鼠标滚轮时，Grid表格移动的行数。这涉及到对Grid Panel的滚动行为进行定制。 首先，了解Ext Grid Panel的基本结构和配置。Grid Panel由多个列...

    Ext grid panel 滚动条位置不变

    为了确保每次加载数据时滚动条都能正确地回到原来的位置，我们还可以通过覆盖`Ext.grid.GridView`中的方法来进一步增强功能： ```javascript Ext.override(Ext.grid.GridView, { scrollTop: function () { this....

    ext grid 显示数据

    "ext grid 显示数据"这一主题，是深入理解EXT JS开发的关键知识点之一，特别是在处理表格和列表展示时。在"LearningExtJS 第五章节的翻译"中，我们可以期待找到关于EXT JS Grid的详细讲解和实例应用。 EXT JS的Grid...

    ext Gird 有滚动条功能

    在Ext Grid中，滚动条功能是至关重要的，特别是在处理大量数据时，它允许用户在不改变窗口大小的情况下浏览数据。本篇文章将深入探讨Ext Grid的滚动条功能，以及如何实现和自定义这一特性。 首先，我们要理解Ext ...

    ext grid数据绑定

    当数据源发生变化时，Grid会自动更新显示，反之亦然。创建数据绑定涉及到以下步骤： - 创建Store：首先，你需要定义一个Store对象，指定数据源（如URL、本地数组等）和数据结构（fields）。 ``` var store = Ext...

    ext grid json分页显示

    2. 当用户滚动到Grid的底部或者点击分页导航条时，EXT Grid会触发Ajax请求，向服务器发送当前的页码和每页记录数。 3. DWR接收到请求后，根据这些参数在后端数据库执行相应的SQL查询，获取对应页的数据，并将其转换...

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

    这个问题主要是由于GridPanel的宽度不足以容纳所有的列宽，因此浏览器会自动显示横向滚动条以便用户查看全部数据。本文将详细介绍如何解决这个在Extjs GridPanel中出现横向滚动条的问题。 首先，我们需要理解Extjs ...

    Ext Grid 导出Excel

    当我们需要将Ext Grid中的数据导出为Excel格式时，这通常涉及到数据的处理和转换，以便用户能够方便地在离线环境中分析或共享。这篇博客"Ext Grid 导出Excel"可能详细介绍了如何实现这一功能。 首先，让我们理解Ext...

    ext grid 导出 excel

    在EXT（Ext JS）框架中，EXT Grid是一个强大的数据展示组件，它允许用户以表格的形式显示大量数据。在实际业务场景中，有时我们需要将EXT Grid中的数据导出为Excel文件，以便于分析、存储或共享。这个过程涉及到EXT ...

    Ext grid中渲染进度条，超帅 源码-----下载不扣分,回帖加1分，欢迎下载,童叟无欺。

    Ext grid中渲染进度条，超帅 源码-----下载不扣分,回帖加1分，欢迎下载,童叟无欺。Ext grid中渲染进度条，超帅 源码-----下载不扣分,回帖加1分，欢迎下载,童叟无欺。Ext grid中渲染进度条，超帅 源码-----下载不扣分...

    一个很好的EXTGRID实例

    1. **数据绑定**：EXTGRID能够与后台数据源进行双向绑定，即当用户在界面上操作时，数据会自动更新到服务器；反之，服务器的数据变化也会实时反映到网格中。 2. **列配置**：EXTGRID允许自定义列，包括列宽、标题、...

    ext grid 合并行

    在EXT JS框架中，Grid组件是一种非常常用的展示数据表格的方式，它提供了丰富的功能和灵活性。在某些场景下，用户可能需要合并行或列以更好地组织和呈现数据，例如在显示汇总信息或者创建复杂的报告时。"ext grid ...

    ext grid tree 应用

    3. **分页**: 分页是处理大量数据时必不可少的功能，它可以提高页面性能，避免一次性加载过多数据导致浏览器卡顿。EXT JS提供了分页工具栏（Paging Toolbar）和Store对象的分页配置，使得用户可以轻松地浏览和切换...

    Ext.grid.ColumnModel显示不正常

    Ext.grid.ColumnModel显示不正常

    EXT grid导出EXCEL

    在EXT Grid中，用户常常需要将数据显示的数据导出到Excel文件中，以便于进一步的数据分析、存储或分享。本文将详细讲解EXT Grid如何实现Excel导出功能。 EXT Grid导出Excel功能的核心是利用浏览器的Blob对象和...

    解决Ext Grid中文排序问题

    然而，默认情况下，EXT Grid遵循ASCII码排序规则，这在处理中文字符时可能导致排序不符合预期，因为中文字符的ASCII值与它们的拼音或笔画顺序无关。在中文环境中，我们通常希望按照汉字的拼音或笔画顺序来排序。 ...

    Ext中grid多行数据全部删除

    ### Ext中grid多行数据全部删除 在前端开发过程中，我们经常会遇到需要处理表格数据的情况。其中，ExtJS是一个非常强大的JavaScript框架，它提供了一系列工具和组件来帮助开发者快速构建复杂的用户界面。本文将详细...

    Ext grid与树实例

    Ext Grid和Tree是Ext JS库中的两种重要组件，它们在Web应用开发中广泛用于数据展示和组织。Ext JS是一个强大的JavaScript框架，它提供了一系列高级UI组件，帮助开发者构建功能丰富的、交互性强的Web应用程序。 首先...

    Ext grid 简单实例

    在这个"Ext Grid简单实例"中，我们将探讨如何从Web服务提取数据并将其在Grid中显示。 首先，让我们了解基本的Ext Grid组成部分： 1. **Store**: Store是数据存储的地方，它可以连接到不同的数据源，如JSON、XML或...

Magicbox
Global site tag (gtag.js) - Google Analytics