首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery easyui datagrid 怎么自适应分辨率宽度

2012-11-22 
jquery easyui datagrid 如何自适应分辨率宽度如果一开始接触easyui的童鞋们都知道,一个datagrid生成的tab

jquery easyui datagrid 如何自适应分辨率宽度
如果一开始接触easyui的童鞋们都知道,一个datagrid生成的table是不能到边的。如下:

[img]http://dl.iteye.com/upload/attachment/275396/94f9ed52-2c5e-3494-b819-c6e3e369724c.jpg" alt="" width="1248" height="201[/img]


如上图,右边会有一列空白。所有的列宽是由固定的像素决定。这样即使你定到边了,但是换个分辨率的话,就会走形。那么如何解决呢?如何让这些宽度自适应分辨率呢?


在苦思冥想的情况下,发现一方法,如下:


定义一个方法

function getWidth(percent){

    return document.body.clientWidth*percent;

}


然后在columns中定义width这 样做。

[code="js"]columns:[[
        {title:'Base Information',colspan:3},
{field:'opt',title:'Operation',width:getWidth(0.1),align:'center', rowspan:2,
formatter:function(value,rec){
return 'Edit Delete';
}
}
],[

大家可以试试。

1 楼 Folyred 2010-08-21   你麻烦不?我是这么做的:
{field:'roleName',title:'角色名称',width:$(this).width() * 0.2} 2 楼 283433775 2010-08-23   看来我写的是麻烦了,但是我只是提出一种方法而已。 3 楼 tuo_bing 2011-04-28      可以根据浏览器的大小,来自动改变 datagrid 的大小么 ?

热点排行