让ExtJS里的GridPanel的列能够自动决定宽度

最新推荐文章于 2016-08-05 09:28:32 发布

转载最新推荐文章于 2016-08-05 09:28:32 发布 · 314 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/timy/archive/2010/08/09/1795700.html

本文介绍如何在ExtJS中使用GridPanel实现列宽自动填充，并确保在窗口大小改变时也能自动调整。通过设置viewConfig属性，可以避免右侧空白并使布局适应容器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在new GridPanel时加这个：

viewConfig:{

forceFit: true, // 注意不要用autoFill:true,那样设置的话当GridPanel的大小变化（比如你resize了它）时不会自动调整column的宽度

scrollOffset: 0 //不加这个的话，会在grid的最右边有个空白，留作滚动条的位置

然后还需要给GridPanel所属的容器设置layout:'fit'。不然还是没有效果。

转载于:https://www.cnblogs.com/timy/archive/2010/08/09/1795700.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30263277

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

extjs的panel怎么自适应高度_EXT gridPannel自适应宽度的实现

weixin_39600616的博客

12-22

888

在Ext初始化的时候读取div的宽度,var content_width = parseInt(Ext.get("content_div").getComputedWidth());var grid = new Ext.grid.EditorGridPanel({el : 'gridDiv',width : $("gridDiv").style.width,height : 5...

ext:grid分页，列宽度自动填满grid宽度

weixin_34352005的博客

07-17

344

var cm = new Ext.grid.ColumnModel([{ header : '编号', dataIndex : 'id' }, { header : '名称', dataIndex : 'name' }, { header : '描述', dataIndex : 'descn' }]); va...

参与评论您还未登录，请先登录后发表或查看评论

Extjs3.2 GridPanel 高宽自动适应

weixin_30929195的博客

07-08

308

效果如下：需要在水平和垂直高度上都设置自适应。SmartGWT（SmartClient）中可以让高度和宽度都为100%，SmartClient 的js类库会自动同步他和父容器的尺寸。但是Extjs的GridPanel的AutoWidth和AutoHeight并不能起这个作用，而且100%的设置也不被支持。后来发现，需要在父容器中设置Layout:'fit' 然后在GridPanel中增加 Vie...

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

topbox163的专栏

11-24

223

bbar : new Ext.PagingToolbar({ style : 'background-color:#FFFFFF;', pageSize : 15, store : data, emptyMsg : "没有数据显示！", displayInfo : true, displayMsg : '显示 {0} - {1} 共 {2} 条', beforePageText : ...

ext gridPanel列的宽度问题

大道至简

04-03

2556

今天设置gridPanel的宽度，发现怎么设置width界面都没变化，后来发现在列中有个

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

10-28

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

ExtJS 2.0 GridPanel基本表格简明教程

10-29

之后，创建了一个`GridPanel`实例`grid`，指定了表格渲染的容器（renderTo），标题（title），尺寸（height、width），列信息（columns），数据存储器（store），以及设置自动展开第三列（autoExpandColumn）。...

Extjs4 GridPanel 的几种样式使用介绍

12-09

总之，ExtJS 4的GridPanel提供了强大的功能来展示和操作数据，包括数据源的配置、列的定制、数据类型的格式化以及交互性操作。通过理解并灵活运用这些特性，开发者可以创建出满足各种需求的复杂表格界面。

ExtJS 表格面板GridPanel完整例子

03-23

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

[ExtJS] GridPanel 列自适应内容宽度

amos_tl的专栏

08-11

1355

[ExtJS] GridPanel 列自适应[b]内容[/b]宽度 ------------------ 1 [img]http://dl.iteye.com/upload/attachment/0072/1498/02a16ecd-0fd2-3455-b941-bd47765a755f.png[/img] gridpanel beforerender [code="j...

ExtJS GridPanel 自动列宽的方法

Leo's Blog

07-05

3717

在new GridPanel时加这个： viewConfig:{ forceFit: true, // 注意不要用autoFill:true,那样设置的话当GridPanel的大小变化（比如你resize了它）时不会自动调整column的宽度 scrollOffset: 0 //不加这个的话，会在grid的最右边有个空白，留作滚动条的位置 }, 未找到原博.

ExtJS自适应高度和宽度【转】

包子大叔的笔记

12-09

874

[code="java"] ExtJS让页面最下面的panel自适应高度和宽度 getGridHeight = function(panelNameOne, panelNameTwo, panelThree) { //获取页面最下面的grid的高度，可以根据分辨率来自定义设置，根据项目需要估计在grid上面最多有三个panel //如果第二个和第三个panel没有传入值的话，需要传...

能否实现 Ext.grid.ColumnModel 宽度动态适应

evilcry2012的专栏

08-05

2869

能否实现 Ext.grid.ColumnModel 宽度动态适应3 封装了一个列表页面，用Ext.grid.GridPanel做的，其中 Ext.grid.ColumnModel 没设宽度，viewConfig: { forceFit:true} 显示的结果是column的宽度平均分配了。有什么办法能实现ColumnModel的宽度根据列表的内容动态调整宽度我看了

ExtJS Tips->Grid的列宽设置

xiaoQuentin的专栏

08-30

1845

引用 http://archive.cnblogs.com/a/2063162/ a）grid的column的layout是Ext.layout.container.HBox，所以列宽可以通过width或者flex设置，如果不进行任何设置，列宽为100px b）设置w

Extjs grid宽度自适应

yxgyh的专栏

04-12

1030

第一种方法必须在页面上设置div的宽度<div id="grid-example" width="90%"></div> // create the Grid var grid = new Ext.grid.GridPanel({ store: store, columns: [ {id:'c...

Ext Grid宽度自适应

iteye_21082的博客

12-06

548

我们使用Ext的Grid的时候，在改变浏览器宽度时，需要Grid也相应的改变其宽度，以便能够Grid宽度自适应。那么我们可以注册window.onresize函数进行相应。但是如果用户把浏览器宽度拉得很小的时候，就可能显示不清楚了，所以我们还可以设置一个最小宽度，以保证列内容能大致看清楚。浏览器小于这个宽度的话，Grid最小就是这个宽度了并出现水平滚动条。页面布局如下： ...

EXTJS GridPanel自适应宽度

bzhyan的专栏

12-10

6483

遇到Ext中的GridPanel如果不设宽度，在IE下会变得很宽，这个问题郁闷我了一个星期的时间。终于在网GOOGLE一下,网友给出答案:问题出在resources文件下的css/ext-all.css文件中x-grid3-header-offset这个样式上，不知道为什么,它居然是这样写的:.x-grid3-header-offset{width:10000px;} ;修正如下： .x-gri

ExtJS 2.0 GridPanel：构建基础表格教程

`autoExpandColumn`属性设为2，意味着第二列（即"开发团队"列）会在初始化时自动展开以显示完整内容。在代码的最后，我们看到表格的数据是一个二维数组，每一行代表一个记录，每列的数据通过字段名与GridPanel的列...