在让datagrid在panel面板内撑满，但怎么撑不满

joyoes

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" >
    
14. 
    
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>
    
29. 
    
30. </div>
    
31. 
    
32. </div>

复制代码

joyoes

有没有grid撑满panel的示例哦

dforce

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.         <!--撑满页面-->
    
13. 
    
14. 
    
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>
    
29. 
    
30. 
    
31. 
    
32.     </div>

复制代码

1你这里不需要mini-fit,
2 panel的body区域默认有5px的padding,可以设置bodyStyle去掉