easy ui datagrid的高度自适应

这篇博客探讨了在使用jQuery Easy UI的Datagrid时如何实现高度自适应的问题。作者分享了通过resize方法和获取包含Datagrid元素高度的方式来解决这个问题,并提醒如果需要根据父页面高度自适应,需要注意页面加载顺序。提供了简单的实现技巧。
摘要由CSDN通过智能技术生成

使用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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值