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>