Ext grid自动宽度
来源:互联网 发布:软件新技术有哪些 编辑:程序博客网 时间:2024/05/01 08:06
希望Ext的表格能自适应外层的div大小,但Ext的Grid构造函数的width、height项不支持100%的设置方式,所以改用以下方式初始化Grid:
width: Ext.get("content").getWidth(),
height: Ext.get("content").getHeight(),
<div id="content">
<div id="grid-example"></div>
<div>
#content {
width: 100%;
height: 100%;
}
完整js代码:
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'id',header: "序号", width: 50, sortable: true, renderer: keyChange, dataIndex: 'id'},
{header: "数据表表名", width: 100, sortable: true, renderer: hrefChange, dataIndex: 'tableAlias'},
{header: "物理表名", width: 100, sortable: true, dataIndex: 'tableName'},
{header: "类型", width: 75, sortable: true, dataIndex: 'type'}
],
stripeRows: true,
width: Ext.get("content").getWidth(),
height: Ext.get("content").getHeight(),
addClass:"grid",
tbar: [{
text: '新增模版',
handler : function(){
window.location.href = 'templateDefineList4.html';
}
},{
text: '删除模版',
handler : function(){
}
}],
bbar: new Ext.PagingToolbar({
pageSize: 15,
store: store,
displayInfo: true,
displayMsg: '当前显示记录 {0} - {1} 总条数 {2}',
emptyMsg: '无记录'
})
});
width: Ext.get("content").getWidth(),
height: Ext.get("content").getHeight(),
<div id="content">
<div id="grid-example"></div>
<div>
#content {
width: 100%;
height: 100%;
}
完整js代码:
// create the Grid
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{id:'id',header: "序号", width: 50, sortable: true, renderer: keyChange, dataIndex: 'id'},
{header: "数据表表名", width: 100, sortable: true, renderer: hrefChange, dataIndex: 'tableAlias'},
{header: "物理表名", width: 100, sortable: true, dataIndex: 'tableName'},
{header: "类型", width: 75, sortable: true, dataIndex: 'type'}
],
stripeRows: true,
width: Ext.get("content").getWidth(),
height: Ext.get("content").getHeight(),
addClass:"grid",
tbar: [{
text: '新增模版',
handler : function(){
window.location.href = 'templateDefineList4.html';
}
},{
text: '删除模版',
handler : function(){
}
}],
bbar: new Ext.PagingToolbar({
pageSize: 15,
store: store,
displayInfo: true,
displayMsg: '当前显示记录 {0} - {1} 总条数 {2}',
emptyMsg: '无记录'
})
});
- Ext grid自动宽度
- Ext.grid.ColumnModel列宽度自动填满grid宽度
- ext:grid分页,列宽度自动填满grid宽度
- Ext Grid宽度自适应
- Ext的grid列的宽度
- Ext Grid 浏览器里自适应宽度高度
- ext Ext.grid.ColumnModel自适应宽度去除右边空白
- Ext JS Grid在IE6 下宽度的问题解决
- div水平居中,让Ext Grid自适应浏览器宽度
- 能否实现 Ext.grid.ColumnModel 宽度动态适应
- ext grid
- EXT-Grid
- Ext grid
- Ext.grid
- Ext.grid
- ext-grid常见问题 : Grid
- Ext的grid列宽自动调整问题解决方案
- 通用EXT Grid 动态数据源自动生成列 封装
- linux下的FTP的配置(转帖)
- 理解缓存
- ucosII消息队列创建函数
- X86之操作系统之DPL,RPL,CPL的区别与联系
- 软件工程——第七章 软件维护
- Ext grid自动宽度
- float和double在的存储方式
- MOSS2007自定义WebService(1)-----自定义Webservice的步骤介绍
- Linux内核同步3-RCU
- oracle的管理工具OEM以及重建索引
- 软件工程——第八章 用户界面设计(一)
- (myls)模拟" ls "命令
- linux root 密码忘了怎么办?
- 脱机安装Silverlight Tools(2.0)