使用jquery easy ui 的datagird 发现高度没办法自适应 于是自己使用了一些比较笨的方法 不知道大家有没有好一点的方法 大家可以互相学习一下
1、easyui里面有一个resize方法 可以设置调整高度
2、获得此包含此datagrid的元素的高度 在调用resize方法
function onloadFun(){
$('#datagrid').datagrid('resize',{
height:($(window).height())
});
}
<body class="easyui-layout" style="maring:0;padding:0;width:100%;heigth:100%;overflow: hidden;" οnlοad="onloadFun();">
<span style="white-space:pre"> </span><div id="saSrRoleListDivID" style="width:100%;height:60px;">
<span style="white-space:pre"> </span><table id="datagrid" class="easyui-datagrid"
<span style="white-space:pre"> </span>style="width: 100%; rownumbers="true"
<span style="white-space:pre"> </span>pagination="true" fitColumns="true"
<span style="white-space:pre"> </span>toolbar="#toolbar"
<span style="white-space:pre"> </span>data-options="singleSelect:true,sortOrder:'desc',sortName:'statusdate',collapsible:true,url:'${basePath }${path}/getData',method:'get',multiSort:true">
<span style="white-space:pre"> </span><thead>
<span style="white-space:pre"> </span><tr>
<span style="white-space:pre"> </span><th data-options="field:'ck',checkbox:true" >选择</th>
<span style="white-space:pr