jQuery MiniUI

标题: 在让datagrid在panel面板内撑满，但怎么撑不满 [打印本页]
作者: joyoes    时间: 2018-2-9 13:40:10     标题: 在让datagrid在panel面板内撑满，但怎么撑不满

本帖最后由 joyoes 于 2018-2-9 13:59 编辑
  1. <div class="mini-panel" title="header" iconCls="icon-add" style="width:300px;height:200px;"
  2.     showToolbar="true" showCloseButton="true" showFooter="true"
  3. >
  4.     <!--toolbar-->
  5.     <div property="toolbar">
  6.         <input type='button' value='Toolbar' style='vertical-align:middle;'/>
  7.     </div>
  8.     <!--footer-->
  9.     <div property="footer">
  10.         <input type='button' value='Footer' style='vertical-align:middle;'/>
  11.     </div>
  12.     <!--撑满页面-->
  13. <div class="mini-fit" >

  15.     <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"
  16.          url="<?= Url::to(['default/train-reg'])?>"  idField="id"
  17.          sizeList="[5,10,20,50]" pageSize="10"
  18.     >
  19.         <div property="columns">
  20.             <div type="indexcolumn" ></div>
  21.             <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
  22.             <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
  23.             <div field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
  24.             <div field="salary" width="100" allowSort="true">薪资</div>
  25.             <div field="age" width="100" allowSort="true">年龄</div>
  26.             <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
  27.         </div>
  28.     </div>

  30. </div>

  32. </div>
复制代码

作者: joyoes    时间: 2018-2-9 14:13:06

有没有grid撑满panel的示例哦
作者: dforce    时间: 2018-2-9 14:53:04

joyoes 发表于 2018-2-9 14:13
有没有grid撑满panel的示例哦
  1. <div class="mini-panel" title="header" iconCls="icon-add" style="width:300px;height:200px;"
  2.         showToolbar="true" showCloseButton="true" showFooter="true" bodyStyle="padding:0"
  3.     >
  4.         <!--toolbar-->
  5.         <div property="toolbar">
  6.             <input type='button' value='Toolbar' style='vertical-align:middle;'/>
  7.         </div>
  8.         <!--footer-->
  9.         <div property="footer">
  10.             <input type='button' value='Footer' style='vertical-align:middle;'/>
  11.         </div>
  12.         <!--撑满页面-->


  15.         <div id="datagrid1" class="mini-datagrid" style="width:100%;height:100%;"
  16.              url="<?= Url::to(['default/train-reg'])?>"  idField="id"
  17.              sizeList="[5,10,20,50]" pageSize="10"
  18.         >
  19.             <div property="columns">
  20.                 <div type="indexcolumn" ></div>
  21.                 <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号</div>
  22.                 <div field="name" width="120" headerAlign="center" allowSort="true">姓名</div>
  23.                 <div field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别</div>
  24.                 <div field="salary" width="100" allowSort="true">薪资</div>
  25.                 <div field="age" width="100" allowSort="true">年龄</div>
  26.                 <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
  27.             </div>
  28.         </div>



  32.     </div>
复制代码
1你这里不需要mini-fit,
2 panel的body区域默认有5px的padding,可以设置bodyStyle去掉



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2