EasyUI datagrid在Layout中动态适应问题

easyui Layout中改变大小时对应datagrid大小自适应问题
由于center的layout中 datagrid被嵌入了一个div,当左右拖动west的Layout时,在Layout center中的datagrid宽度不变(可能是datagrid外面被嵌套了一个div吧,当没有div时好像是可以动态适应的),导致用户体验问题,通过panel的onResize事件去处理,将动态取得宽度,通过datagrid 的resize方法设置到datagrid中,可现实动态适应宽度和高度




  <div  class="easyui-layout"  data-options="fit:true">
        <div data-options="region:'west',split:true" title="群体" style="width:500px;">
        <table id="grouppushlist" style="padding-top: 0px;"></table>
        </div>
       
        <div id='Content_table' data-options="region:'center',title:'操作展示',iconCls:'icon-ok'">
        <div id="personallist" class="easyui-resizable" style="display:none;width:inherit;height:inherit;"  >
            <table id="pushlist" ></table>
        </div>
       
        </div>
    </div>


以下实现事件监听:

$(document).ready(function(){

$('#Content_table').panel({
  onResize:function(width, height){
    $('#personallist').width(width);
    $('#personallist').height(height);
    $('#pushlist').datagrid('resize',{width:width});
    }

  });

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值