论坛首页 Web前端技术论坛

Ext GridPanel 宽度设置问题

浏览 36079 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-01-04  
GridPanel 在定义new Ext.grid.GridPanel()可以指定宽度
width: 800,
且只能用像素,不用百分比,如100%.
这样不大好布局,而我又不想用Ext自带的布局.

请问:有没办法设置GridPanel的宽度自动适用其<div>的宽度?
或设置成100%的宽度?
   发表时间:2008-01-04  
GridPanel还有一个可以设置宽度的参数就是
autoWidth : true,

但是,将上层<div id="listArea" style="width:100%"></div>
做autoWidth这个设置,再取消width: 800参数后,发现:
GridPanel超出想像的宽.
将div上层的<td> <tr>都做100%的宽度还是一样.

困惑中...
0 请登录后投票
   发表时间:2008-01-04  
设定宽度后,可以再设置viewConfig{forceFit:true},这样大体可以达到自适应宽度的目的。
0 请登录后投票
   发表时间:2008-01-04  
ie就是跑的老远,倒是firefox下什么也不管就是100%
0 请登录后投票
   发表时间:2008-01-04  
stworthy 写道
设定宽度后,可以再设置viewConfig{forceFit:true},这样大体可以达到自适应宽度的目的。



这位大哥设置viewConfig{forceFit:true}是设置的grid内列的宽度,而我要设置的是
整个grid的宽度100%与页面适应.

我把所有除extcss以外的css,style都删除,把grid挂的<div>直接放到<body>下.
不指定grid高度,设置autoWidth : true还是一样.
tbar,bbar都正常按100%宽度显示,就是中间的view前面自己定义的列没问题,而列后面就长得没边,没法解决.

请各位出策
0 请登录后投票
   发表时间:2008-01-04  
width: Ext.get("divname").getWidth(),
这样就可以了.
刚得到的.
1 请登录后投票
   发表时间:2008-01-04  
感觉Ext的Gird的width设置不是很灵活,
在结合Viewport使用的时候grid的宽不能自动适应
这一点很郁闷阿
0 请登录后投票
   发表时间:2008-01-04  
自己用document.body.clientWidth算不就好了。想百分几,百分几。HEHE。
0 请登录后投票
   发表时间:2008-01-04  
设置grid自适应宽度,首先要清楚grid放在什么容器中,设置该容器的layout:fit就行了。比如页面上如果只放置一个grid,一般改成用Viewport,再在Viewport中包含grid就能解决问题了。

{
region:'center',
layout:'fit',
items:grid
}
0 请登录后投票
   发表时间:2008-01-04  
这个方法是有试过的
如果items只有grid的话是可以的
但是我的应用里items有两个grid和一个form
这个时候就不起作用了
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics