easyui Layout 中改变大小时对应 datagrid 大小自适应问题
由于 center 的 layout 中 datagrid 被嵌入了一个 p,当左右拖动 west 的 Layout 时,在 Layout center 中的 datagrid 宽度不变 (可能是 datagrid 外面被嵌套了一个 p 吧,当没有 p 时好像是可以动态适应的),导致用户体验问题,通过 panel 的 onResize 事件去处理,将动态取得宽度,通过 datagrid 的 resize 方法设置到 datagrid 中,可现实动态适应宽度和高度
以下实现事件监听:
<p class="easyui-layout" data-options="fit:true">
<p data-options="region:'west',split:true" title="群体" style="width:500px;">
<table id="grouppushlist" style="padding-top: 0px;"></table>
</p>
<p id='Content_table' data-options="region:'center',title:'操作展示',iconCls:'icon-ok'">
<p id="personallist" class="easyui-resizable" style="display:none;width:inherit;height:inherit;" >
<table id="pushlist" ></table>
</p>
</p>
</p>
$(document).ready(function(){
$('#Content_table').panel({
onResize:function(width, height){
$('#personallist').width(width);
$('#personallist').height(height);
$('#pushlist').datagrid('resize',{width:width});
}
});
}
来源: https://www.2cto.com/kf/201801/715780.html