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

最新推荐文章于 2018-05-14 17:41:15 发布
最新推荐文章于 2018-05-14 17:41:15 发布
阅读量2.8k 收藏
点赞数
分类专栏： ExtJs

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

封装了一个列表页面，用Ext.grid.GridPanel做的，其中 
Ext.grid.ColumnModel 没设宽度，viewConfig: { forceFit:true} 
显示的结果是column的宽度平均分配了。 

有什么办法能实现ColumnModel的宽度根据列表的内容动态调整宽度 

我看了下ext官网的例子，都没有实现这样的功能
问题补充：广告的，真讨厌
shankezgp 写道
答案可参考 
http://shyboy10228.blog.163.com/ 
教一个程序员如何提高工资的免费咨询会

JavaScript EXT 
2010年10月11日 16:35

1个答案按时间排序按投票排序

0 0

autoWidth:true

javaPie
关注
专栏目录
Ext 表格运用-Ext.grid.EditorGridPanel(带分页)
XiangZhiLiu的专栏
05-22 1451
1.创建 Ext.data.Store    role_store = new Ext.data.Store({ proxy : new Ext.data.HttpProxy({ url : 'searchRoles.do' }), re
extjs的panel怎么自适应高度_EXT gridPannel自适应宽度的实现
weixin_39600616的博客
12-22 804
在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...
EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化
03-29
NULL 博文链接：https://topbox163.iteye.com/blog/1276463
ExtJS GridPanel的ColumnModel 动态加载
weixin_34112900的博客
09-13 127
var colM = "company,id,flyline"; var colMArr = colM.split(","); var colLength = colMArr.length; var colMArray = new Array(); for(var i=0; i<colLength; i++) { colMArray[i] = {header:colMA...
EXT--columnWidth
weixin_33824363的博客
02-01 460
在EXT 3.4API上没有查询到columnWidth这个配置项，但它却实实在在的在起作用，后来在ColumnLayout类查到它的信息： 上面的信息描述了采用了columnLayout布局的子面板的宽度设置，有2种方式：1是采用width设置；2是采用columnWidth--百分比的方式设置。 示例： ...
页面变形 gird.ColumnModel 宽度等问题
蜜蜂的专栏
04-25 166
给Ext 设置属性 bodyStyle:'width:100%',         viewConfig: {             forceFit:true         },         stripeRows:true,         enableDragDrop: true, 防止页面变形；   gird.ColumnModel 宽度等问题：   可以在其属性中w...
Ext.自动适应宽度
倖福∞大脚丫
07-19 263
var setting_customfieldslist_grid = new Ext.grid.GridPanel({ store : _store, cm : _cm, //在Et.grid.ColumnModel中定义了id属性的那一列 //也可以用索引：autoExpandColumn:3，其中的3表示的是...
Ext.grid.GridPanel属性祥解
04-24
注意，该ID不能为0。 - 示例：`autoExpandColumn: 'name'` 4. **stripeRows** - 说明：布尔值，决定是否开启表格行的斑马纹（即隔行换色）。 - 示例：`stripeRows: true` 5. **cm/colModel** - 说明：`...
可编辑表格Ext.grid.EditorGridPanel
04-17
var cm = new Ext.grid.ColumnModel([ {header: 'Name', width: 200, dataIndex: 'name', editor: new Ext.form.TextField()}, {header: 'Age', width: 100, dataIndex: 'age', editor: new Ext.form.NumberField...
asp.net Ext grid 显示列表
10-29
### ASP.NET Ext Grid 显示列表实现详解 #### 一、概述 在Web开发中，特别是ASP.NET应用程序中，展示和管理表格数据是非常常见的需求。Ext JS 提供了一个强大的`Ext Grid`组件，可以帮助开发者轻松地在网页上创建...
解决extjs grid 不随窗口大小自适应的问题
ShuLiu's Log Book
01-25 3334
最近遇到的问题，在使用grid的时候窗口改变了但是grid却不能自适应的改变于是加了一条这行语句 问题就解决了，效果图   拖大后的效果 添加的语句： Ext.EventManager.onWindowResize(function(){ grid1.getView().refresh() }) 参看完整代码； grid
Extjs中columnwidth与anchor的使用
weixin_33769207的博客
06-06 188
先上代码，注意文中的红色字体 varform=newExt.form.FormPanel({autoHeight:true,id:'reformId',frame:true,width:400,...
让ExtJS里的GridPanel的列能够自动决定宽度
weixin_30263277的博客
08-09 258
在new GridPanel时加这个： viewConfig:{ forceFit: true, // 注意不要用autoFill:true,那样设置的话当GridPanel的大小变化（比如你resize了它）时不会自动调整column的宽度 scrollOffset: 0 //不加这个的话，会在grid的最右边有个空白，留作滚动条的位置 }, ...
Ext gripPanel ColumnModel设置width宽度比
iteye_8420的博客
12-26 2471
定义gridPanel时添加viewConfig: {forceFit:true}, //自动分配列宽   在ColumnModel中的属性 width可以按照总数为10，进行分配
Ext.grid.ColumnModel 后期设置editor
iteye_1733的博客
12-09 493
Ext.grid.EditorGridPanel 顾名思义就是可编辑的grid，不是仅仅展示给用户看，用户可以根据的需求添加字段，然后传入后台。我们可以在其中加TextField,comboBox 等form的控件，我们之前将Ext.grid.ColumnModel的某一列加上配置项editor就可以了。 但是动态怎么加上去呢？就是后期绑定： gridCm.setEditor(index,...
ExtJS中的GridPanel动态添加ColumnModel
热门推荐
yangzhimei的专栏
09-17 1万+
    前短时间一直研究ExtJS来着，看了我做的ExtTest，项目组想试用一下ExtJS，于是决定让我研究一下。表面上很简单，其实Ext的功能强大自不必说，关键其 源码结构太乱了（如果有源码的结构清晰的就好了），实在难读，所以有些问题还是要不断琢磨、试验。 最近遇到个ExtJS的GridPanel的ColumnModel的动态加载的问题，就让我纠结了好几个小时，开始想得复杂了，还以为Colum
Ext.grid.ColumnModel列宽度自动填满grid宽度
jaub的技术专栏
01-26 7990
var grid = new Ext.grid.GridPanel({       renderTo : Ext.getBody(),       ds : store,       cm : cm,       autoHeight : true, //这样grid才能全部显示行，不用滚动       viewConfig : {        forceFit : true
Ext.grid.ColumnModel设置
weixin_41233524的博客
05-14 2076
Ext.grid.ColumnModel用于定义Grid的列用例var colModel = new Ext.grid.ColumnModel([{header: "Ticker", width: 60, sortable: true},{header: "Company Name", width: 150, sortable: true}]);回到ColumnModel,它的构造参数是一个con...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值