EASYUI之Layout

仅作为自己参考用

点评：fit:true 填充整个区域,region确定区块所在的位置

<div class="easyui-panel" title="剩余金额" data-options="fit:true">
<div class="easyui-layout" data-options="fit:true">
<div data-options="region:'north',split:true" style="width:100px; height:100px;">
<h2>您的剩余金额：39.5</h2>
</div>
<div data-options="region:'center'">
<table id="dg" title="库存情况" class="easyui-datagrid" style="width:100%;" url="{:U(CONTROLLER_NAME . '/EntityList')}"
pagination="true" pageSize='15' pageNumber='1' multiSort='true' sortOrder="desc"
pageList="[2,5,10,15,20,25,30,40,50]" rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="id" sortable="true">物品ID</th>
<th field="name" sortable="true">公司名称</th>
<th field="unit" sortable="true">金额</th>
<th field="price" sortable="true">操作员</th>
<th field="numbers" sortable="true">操作员</th>
<th field="create_time" sortable="true">存款时间</th>
</tr>
</thead>
</table>
</div>
</div>
</div>