easyui datagrid动态改变大小

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});
     }

  });

}

原文 http://blog.csdn.net/lxq0426/article/details/51606322