div水平居中，让Ext Grid自适应浏览器宽度

最新推荐文章于 2017-08-11 18:25:02 发布

liuzhengkang

最新推荐文章于 2017-08-11 18:25:02 发布

阅读量4.7k

点赞数

分类专栏： Extjs 文章标签：浏览器 div ext border ie function

本文链接：https://blog.csdn.net/liuzhengkang/article/details/5584717

版权

Extjs 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

今天搞了我差不多一个下午，就解决div水平居中，并让页面自适应浏览器宽度。Ie浏览器真是搞死人，ff/google浏览器都很好调试，就ie好不容易才出来效果。呵呵！这图片终于派上用场了

下面是ie下水平居中样式，且只适用于ie，其它浏览器没反应。

.divboxcenter{text-align:center;display:table-cell; border:0px solid red}

</style>

页面代码：

1、开始时设置初始大小，需在grid的render之后，设置 grid.setWidth();

2、页面的自适应：

Ext.EventManager.onWindowResize( function(w,h){ var gridWidthValue = 0; var tempwidth = w -50; if(tempwidth < 952){ tempwidth = 952; } gridWidthValue = tempwidth - 200; var myMenu_id = Ext.getCmp("myMenu_id") var bToolbar = Ext.getCmp("bToolbar") if(rtObjGlobal.rtObj_panelRight){ rtObjGlobal.rtObj_panelRight.prop.grid.setWidth(gridWidthValue); } myMenu_id.setWidth(tempwidth); bToolbar.setWidth(tempwidth); topPanel.setWidth(tempwidth); } );