jQuery MiniUI

标题: mini-splitter两个问题请教 [打印本页]

作者: 十三圆桌骑士 时间: 2018-5-18 17:50:43 标题: mini-splitter两个问题请教

问题1：mini-splitter的每个<div size="30%" showCollapseButton="true"></div>能设置标题吗？问题2：在<div size="30%" showCollapseButton="true">中的mini-datagrid，如果超出了宽度，怎么显示横向滚动条。

以下是我的关键代码：
div class="mbox-body" style="height:100%;padding:5px;">

   <div class="mini-splitter" style="width:100%;height:350px;">
<div size="20%" showCollapseButton="true"  >
   <div class="mini-datagrid"  id="datagridLeft" multiSelect="false" showPager="true" sizeList='[5,10,15,30]' pageSize='15' showReloadButton="false" style="height: 100%;"
        onrowclick="clickLeftGrid" sortMode="client" allowSortColumn="true" sortDblClick="true">
<div property="columns">
<div type="indexcolumn"  headerAlign="center" align="center" width="30" >序号</div>
<div field="batchNo" width="50" allowSort='true' headerAlign="center" align="center">批次</div>
<div field="bomNo" width="135" headerAlign="center" align="center">BOM编号</div>
<div field="createDate" width="85" allowSort='true' headerAlign="center" align="center">生成时间</div>
<div field="id" width="120" headerAlign="center"  visible="false">CurDocID</div>
</div>
         </div>
                  </div>

<div showCollapseButton="true">

<div id="CheckContextButton" class="mini-toolbar toolbar-btn" style="border-bottom:0px;height:35px;width:100%;">
<a class="mini-button" plain="true" iconCls="icon-add"
onclick="StageAdd('CheckContextPersonnel')">新增</a> <a class="mini-button"
plain="true" iconCls="icon-remove"
onclick="StageRemove('CheckContextPersonnel')">删除</a>
</div>
<div id="CheckContextPersonnel" class="mini-datagrid"  onCellbeginedit="orgGridBeginEditPerson"
onCellcommitedit="orgGridCommitPerson"  oncellendedit="cellendedit"
style="width:100%;height:520px;" allowCellEdit="true"
allowCellSelect="true" multiSelect="true" showPager="false"  allowCellWrap="true">
<div property="columns">
<div type="checkcolumn" width="30"></div>
<div field="idx" type="indexcolumn" header="序号"  headerAlign="center"  width="110"></div>
      <div field="gjbh"  header="构件编号"  headerAlign="center" width="110" allowInput="true" >
<input property="editor" class="mini-textbox" name="gjbh" allowInput="true" />
      </div>
      <div field="bysbl" header="本次申报数量" headerAlign="center" allowInput="false" dataType="currency"  width="100" >
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="bysbl" allowInput="true" decimalPlaces="2"/>
</div>
<div field="sfhg" header="是否合格" headerAlign="center"  width="80" >
      <input property="editor" class="mini-combobox" data='[{ "id": "合格", "text": "合格" },{ "id": "不合格", "text": "不合格" },{ "id": "部分合格", "text": "部分合格" }]' name="sfhg" allowInput="false" />
</div>
<div field="hgsl" header="合格数量" headerAlign="center" allowInput="false" dataType="currency"  width="80" >
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="hgsl" allowInput="true" decimalPlaces="2"/>
</div>
<div field="bhgsl" header="不合格数量" headerAlign="center" allowInput="false" dataType="currency"  width="80" >
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="bhgsl" allowInput="true" decimalPlaces="2"/>
</div>
<div field="spgzl" header="本次审定数量" headerAlign="center" allowInput="false" dataType="currency"  width="80" >
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="spgzl" allowInput="true" decimalPlaces="2"/>
</div>
<div field="zl" header="项目总重量" headerAlign="center" allowInput="false" dataType="currency"  width="60" >
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="zl" allowInput="true" decimalPlaces="2"/>
</div>
      <div field="sl" header="累计完成数量" headerAlign="center" numberFormat="n0" width="80" >
      <input property="editor" class="mini-spinner"  format="n0" allowLimitValue="false" name="sl" allowInput="true" />
</div>

      <div field="ljwczl" header="累计完成重量" headerAlign="center"  width="80" dataType="currency" >
      <input property="editor" class="mini-spinner"  format="n2" allowLimitValue="false" name="ljwczl" allowInput="true" />
</div>
      <div field="wwczl" header="未完成重量" headerAlign="center" width="80" dataType="currency" >
      <input property="editor" class="mini-spinner"  format="n2" allowLimitValue="false" name="wwczl" allowInput="true" />
</div>

<div field="ljbl" header="累计报量" headerAlign="center" allowInput="false" dataType="currency"  width="80" visible="false">
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="ljbl" allowInput="true" decimalPlaces="2"/>
</div>
<div field="dzl" header="单重量" headerAlign="center" allowInput="false" dataType="currency"  width="80" visible="false">
<input property="editor" class="mini-spinner" format="n2" allowLimitValue="false" name="dzl" allowInput="true" decimalPlaces="2"/>
</div>

<div field="bz" header="备注" headerAlign="center" width="100" >
<input property="editor" class="mini-textbox" name="bz" allowInput="true"/>
</div>
</div>

</div>

</div>

</div>

</div>

目前显示效果为：
[attach]10897[/attach]

作者: dforce 时间: 2018-5-21 09:18:02

1 splitter没有标题，可以在splitter面板里面放panel
2 默认是overflow:hidden的，可以在面板上设置style="overflow:auto"来显示滚动条

作者: 十三圆桌骑士 时间: 2018-6-4 20:57:58

dforce 发表于 2018-5-21 09:18
1 splitter没有标题，可以在splitter面板里面放panel
2 默认是overflow:hidden的，可以在面板上设置style ...

好的，谢谢，已解决此问题。

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