extjs4根据列内容自动设置列宽

最新推荐文章于 2018-08-29 15:43:40 发布
最新推荐文章于 2018-08-29 15:43:40 发布
阅读量4.8k 收藏 1
点赞数
分类专栏： 网页设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pengxuan/article/details/48714629
版权
本文介绍如何在Stroe的load事件里通过Ext.getCmp和getGridColumns方法来调整网格列的宽度，包括具体示例代码。

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

写在Stroe的load事件里

Ext.getCmp("grid名字").headerCt.getGridColumns()[列号].autoSize();

示例:

Ext.getCmp("welcomeGrid").headerCt.getGridColumns()[1].autoSize();
Ext.getCmp("welcomeGrid").headerCt.getGridColumns()[2].autoSize();
Ext.getCmp("welcomeGrid").headerCt.getGridColumns()[3].autoSize();
Ext.getCmp("welcomeGrid").headerCt.getGridColumns()[4].autoSize();
Ext.getCmp("welcomeGrid").headerCt.getGridColumns()[5].autoSize();
Ext.getCmp("welcomeGrid").headerCt.getGridColumns()[6].autoSize();

headerCt此属性在官方的文档里都没有给列出，感谢QQ群里一位网友提供的方法。

EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化
03-29
NULL 博文链接：https://topbox163.iteye.com/blog/1276463
Extjs4 GridPanel的主要配置参数详细介绍
10-27
其中autoExpandColumn可使指定列自动填充未被其他列使用的空间；stripeRows参数控制着是否采用隔行换色的样式；loadMask参数则决定在数据加载过程中是否显示遮罩层；view和viewConfig则提供了更多自定义表格视图的...
Extjs 自动列宽
YX19921012的博客
09-14 359
//auto column width Ext.grid.Panel.prototype.viewConfig = { listeners: { refresh: function (dataview) { var cols = dataview.panel.columns; for (var i = ...
Ext 4 关于实现grid的列的宽度随数据的长度自动改变
的博客
08-29 1805
去这个grid的store中： listeners:{          load: {              fn: function(store){                  Ext.getCmp("list_grid").headerCt.getGridColumns()[1].width = 200;                  var c = Ext.getC...
extjs4 grid 列根据内容长度自动换行
weixin_33691817的博客
09-20 172
2019独角兽企业重金招聘Python工程师标准>>> ...
Extjs表格树编辑功能详解及自适应列宽设置
这是指该组件具有自动调整列宽的能力，以适应数据的长度或者列头的文本大小，从而提供更好的用户体验。自适应列宽可以通过特定的配置选项来实现，比如监听窗口尺寸变化事件，动态调整列宽。 3. 源码与例子。开发可...
ExtJS3.2列布局
06-30
如果不设定具体宽度，列会根据内容自动调整大小。 例如，假设你有一个form表单需要设计成两列，左边一列放置用户名和密码输入框，右边一列放置注册和登录按钮，可以这样编写代码： ```javascript var formPanel = ...
实现自适应列宽的Extjs Tree Grid技术分享
自适应列宽的columntree是指在表格布局中，树状结构的数据展示组件（TreeGrid）能够根据内容自动调整每列的宽度以适应数据的长度，从而提供更为直观和友好的用户界面。该技术常用于前端开发框架中，特别是ExtJS（也...
Extjs 中，gridpanel中的行号的宽度设置
weixin_34234829的博客
07-24 495
2019独角兽企业重金招聘Python工程师标准>>> ...
Ext Grid表格的自动宽度及高度的实现
07-19
Ext Grid表格的自动宽度及高度的实现
[ExtJS] GridPanel 列自适应内容宽度
amos_tl的专栏
08-11 1343
[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 动态设置元素宽度和高度
chenlin5188的专栏
06-18 1816
//当窗口改变大小时动态修改grid宽度和高度 类似于window.resizeExt.EventManager.onWindowResize(function(width ,he ight){  var h = Ext.fly('left_tools').getHeight()+Ext.fly('layout').getHeight();  }) ...
extjs4 列宽自适应，列高自适应（换行），grid内容自适应，window窗体自适应grid，相互之间有冲突
qq_19461357的博客
06-21 3115
var pageRight_store = Ext.create('Ext.data.Store', {  //model: 'pageRight',  fields: [     { name : 'roleName' }, { name : 'roleRights' },{ name:'roleUser' }  ],  pageSize:200,//不加，点击下一页时默认25...
extjs 4.0 combobox 下拉文本显示自动变宽
11-24 159
1 items: { 2 xtype: 'combobox', 3 displayField: 'name', 4 labelAlign: 'right', 5 ...
Ext的grid列的宽度
qggaccp的专栏
04-25 802
有谁知道EXT2.0   grid列的宽试呀！我的代码是这样的，感觉控制不发它的宽度： var grid = new Ext.grid.GridPanel({        store: jsonStore,   columns: [            {id:waybillNo,header: ${app:i18n(waybllNo)},width: 100,  sortable
Extjs3.2 GridPanel 高宽自动适应
weixin_30929195的博客
07-08 300
效果如下：需要在水平和垂直高度上都设置自适应。SmartGWT（SmartClient）中可以让 高度和宽度都为100%，SmartClient 的js类库会自动同步他和父容器的尺寸。但是Extjs的GridPanel的AutoWidth和AutoHeight并不能起这个作用，而且100%的设置也不被支持。后来发现，需要在父容器中设置Layout:'fit' 然后在GridPanel中增加 Vie...
autoSizeColumns not working!! - Ext JS
laravel framework
04-19 124
What firebug reported.... this.getScrollBody is not a function   #2   ...
Ext各组件属性配置
andao9621的博客
10-20 310
Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.getEl().d...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值