Extjs 3.3.1 FieldSet 中带有布局适合和网格,不会在调整窗口大小时调整网格大小
Extjs 3.3.1 FieldSet with layout fit and grid in it does not resize the grid on window resize
var colModel = new Ext.grid.ColumnModel({
columns: [ columns here...]
})
var grid = new Ext.Ext.grid.GridPanel({
store: store,
loadMask: true,
autoExpandColumn: 'itemDescription',
stripeRows: true,
colModel: colModel
})
var form = new Ext.FormPanel({
labelWidth: 150,
bodyStyle: 'padding:2px 5px;',
autoScroll: true,
items:[
new Ext.form.FieldSet({
layout: 'fit',
collapsible: true,
height:300,
items: [
grid
]
}
]
})
调整窗口大小后,网格不会更改其宽度...有什么想法吗???
由于layout: 'fit'
,您的Grid
将根据FieldSet
调整大小。由于FormPanel
没有布局集,因此它会自动使用 layout: 'form'
.FieldSet
将充当正常Form Field
,因此需要配置为自行调整其大小。这可以使用FormLayout
的 anchor
属性来完成:
var form = new Ext.FormPanel({
labelWidth: 150,
bodyStyle: 'padding:2px 5px;',
autoScroll: true,
items:[
new Ext.form.FieldSet({
layout: 'fit',
anchor: '-0',
collapsible: true,
height:300,
items: [
grid
]
}
]
});
这将告诉FieldSet
始终保持距离FormPanel
右边缘 0 像素。
试试这个.....
var colModel = new Ext.grid.ColumnModel({
columns: [ columns here...]
})
var grid = new Ext.Ext.grid.GridPanel({
store: store,
loadMask: true,
autoExpandColumn: 'itemDescription',
stripeRows: true,
colModel: colModel
})
var form = new Ext.FormPanel({
labelWidth: 150,
bodyStyle: 'padding:2px 5px;',
autoScroll: true,
items : {
xtype : 'fieldset',
title : 'Give proper Title',
defaults: {
anchor: '100%'
},
layout: 'anchor',
collapsible: true,
items: grid
}
});
相关文章:
- 如何在浏览器宽度/高度变化时动态调整图像网格的大小
- 检测角度 ui 网格中的列大小调整事件
- 是否有一个JS库可以让我在网格中制作可拖动和可调整大小的磁贴,就像在iPhoto Journal中一样
- 如何在网格中为“完全出血”调整图像大小
- 调整列大小时,我将如何获取网格面板的列宽
- 剑道网格列宽调整不正确如果我使用列菜单
- 具有自动调整行高的 JavaScript 数据网格
- Extjs 3.3.1 FieldSet 中带有布局适合和网格,不会在调整窗口大小时调整网格大小
- 尝试检测网格视图的哪一行处于编辑模式,然后在选中复选框字段时调整文本框
- 如何在 Ext js 4.0 中调整网格大小时调用函数
- 如何创建一个网格,其中可变数量的正方形会自动调整大小以适应空间
- JQGrid:调整列大小后调整网格宽度
- 调整窗口大小时,jQuery Masonry布局正在崩溃——流畅的无缝照片网格
- ExtJs 4网格面板在窗口调整大小时没有正确调整大小
- 需要帮助使用CSS调整图像网格的大小
- 任务根据小时时间轴网格进行相应调整
- 如何创建 1px 边框折叠的表格网格,即使缩放也能正确调整大小
- 调整网格和多个高图的大小和定位问题
- 如何根据范围内的窗口大小调整网格块的大小
- 网站调整网格布局