我遇到的问题属于添加自己的div造成没有计算这部分高度引起的;
对比图片.jpg
图片左侧部分为失败部分,右边为修正部分;
按钮那一行是自己多添的,造成下面的高度超出了窗体高度,分页显示不全;
改正方法:
<div class="easyui-layout">
<div data-options="region:'north'" style="height:100px">
<!-- 官方文档写的清楚,没说清楚 -->
<!-- 我的理解是这里面不能有自己的结构,如果需要插入更多的内容,
请再用div class="easyui-layout"包起来,里面再分区,
如果上中下左右还不能满足,那么就再包一层 -->
<div class="easyui-layout" data-options="fit:true">
<div data-options="region:'north',collapsed:true" style="width:180px">
<table id="datagrid1"></table>
</div>
<div data-options="region:'center'">
<table id="datagrid2"></table>
</div>
</div>
</div>
<div data-options="region:'center'"></div>
</div>
错误的书写1
<div class="easyui-layout">
<div class="suiyi">我想要加点东西!不行</div>
<div data-options="region:'north'" style="height:100px">
<table id="datagrid1"></table>
</div>
<div data-options="region:'center'"></div>
</div>
错误的书写2
<div class="easyui-layout">
<div data-options="region:'north'" style="height:100px">
<div data-options="region:'north',collapsed:true" style="width:180px">我想这样加!也不行</div>
<div data-options="region:'center'">
<table id="datagrid1"></table>
</div>
</div>
<div data-options="region:'center'"></div>
</div>