Extjs gridt自适应高度

来源：互联网发布：linux centos 编辑：程序博客网时间：2024/06/06 16:49

希望Ext的表格能自适应外层的div大小，但Ext的Grid构造函数的width、height项不支持100%的设置方式，所以改用以下方式初始化：
建立DIV

<div id="content">     <div id="grid-example"></div> <div>

建立CSS

#content { width: 100%; height: 100%; }

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: '无记录'         })     });

原文地址：http://seraph115.iteye.com/blog/225157

阅读全文

0 0