jQuery MiniUI

标题: DataGrid 在没有数据的情况下如何不让底部分页与标题在一起 [打印本页]

作者: linda931 时间: 2014-10-9 08:44:47 标题: DataGrid 在没有数据的情况下如何不让底部分页与标题在一起

效果如下图：
[attach]5238[/attach]

style="width: 100%; height: 100%;"
如何解决在没有数据的情况下不出现上面的情况？

作者: felt 时间: 2014-10-9 09:38:48

外面包一层mini-fit

作者: linda931 时间: 2014-10-9 10:55:54

本帖最后由 linda931 于 2014-10-9 11:05 编辑

felt 发表于 2014-10-9 09:38
外面包一层mini-fit

以下是代码帮忙看一下应该怎么修改？这是我修改之后的但是还是不行。
<div class="mini-fit">
      <div class="mini-splitter" style="width: 100%; height: 100%;">
         <div size="250px" showcollapsebutton="true">
            <div id="tabs1" class="mini-tabs" activeindex="0" style="width: 250px; height: 100%;">
                  <div title="片区列表">
                     <div showcollapsebutton="true" style="padding: 3px; height: 98%;">
                        <ul id="tree1" class="mini-tree" style="width: 100%; height: 100%;" showtreeicon="true"
                              url="SysData.aspx?method=GetAreaTreeList" textfield="AreaName" idfield="ID" parentfield="FatherAreaId"
                              resultastree="false" autocheckparent="true" expandonload="0">
                        </ul>
                     </div>
                  </div>
                  <div title="片区划分方式">
                     <div id="gridtype" class="mini-datagrid" allowalternating="true" style="width: 250px;
                        height: 100%;" url="SysData.aspx?method=GetAreaTypeList" idfield="ID" allowresize="true"
                        sizelist="[15,20,30,50,100]" pagesize="15" multiselect="false"
                        >
                        <div property="columns">
                              <div field="AreaDivisionType" width="90px" headeralign="center" allowsort="true">
                                 编码</div>
                              <div field="AreaDivisionName" width="140px%" headeralign="center" allowsort="true">
                                 片区划分名称</div>
                        </div>
                     </div>
                  </div>
            </div>
         </div>
         <div id="otherfrm" style="width: 100%; height: 100%; position: relative;" showcollapsebutton="false">
            <div class="mini-toolbar" style="border-bottom: 0; padding: 0px;">
                  <table style="width: 100%;">
                     <tr>
                        <td style="width: 100%;">
                              <a id="a1" enabled="true" class="mini-button" iconcls="icon-add"
                                 plain="true">新增片区</a>
                        </td>
                     </tr>
                  </table>
            </div>
            <div class="mini-fit">
                  <div id="grid1" style="position: absolute;" class="mini-datagrid" allowalternating="true"
                     style="width: 100%; height: 100%;" borderstyle="border:0;" url="SysData.aspx?method=GetAreaList"
                     sizelist="[50,100,400]" pagesize="50" idfield="ID" showfilterrow="false" allowcellselect="false"
                     allowcelledit="false" showvgridlines="true">
                     <div property="columns" width="100" width="40">
                        <div type="indexcolumn" headeralign="center">
                              序号
                        </div>
                        <div field="AreaId" headeralign="center" allowsort="true" width="60">
                              片区编码</div>
                        <div field="AreaName" headeralign="center" allowsort="true" width="100">
                              片区名称</div>
                        <div field="Remarks" headeralign="center" allowsort="true" width="100">
                              备注</div>
                     </div>
                  </div>
            </div>
         </div>
      </div>
</div>

作者: felt 时间: 2014-10-9 11:13:49

linda931 发表于 2014-10-9 10:55
以下是代码帮忙看一下应该怎么修改？这是我修改之后的但是还是不行。

datagrid上2个style，导致后面那个无效
[attach]5242[/attach]

作者: linda931 时间: 2014-10-9 13:41:12

felt 发表于 2014-10-9 11:13
datagrid上2个style，导致后面那个无效

谢谢了！

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)