jQuery MiniUI

标题: datagrid放在layout里单元格的线不显示了 [打印本页]
作者: 609013830    时间: 2019-4-12 16:00:00     标题: datagrid放在layout里单元格的线不显示了

[attach]12117[/attach]
完成后就这样了，而我想要的是下图这种
[attach]12118[/attach]
作者: 609013830    时间: 2019-4-12 16:00:56

  1. <div id="layout1" class="mini-layout" style="width:100%;height:100%;background: #f4f4f4;">
  2.     <div class="main-body bnone " region="north" height="80" showSplit="false" showHeader="false" style="padding-bottom: 0;">
  3.         <table>
  4.             <tr>
  5.                 <td>
  6.                     <label >规则代码：</label>
  7.                 </td>
  8.                 <td>
  9.                     <input id="ruleCode"  name="matchingCode" class="mini-textbox asLabel" readOnly="true"  required="true" />
  10.                 </td>
  11.             </tr>
  12.             <tr>
  13.                 <td>
  14.                     <label >主题名称：</label>
  15.                 </td>
  16.                 <td>
  17.                     <input id="ruleName"  name="matchingName" class="mini-textbox asLabel" required="true" />
  18.                 </td>
  19.             </tr>
  20.         </table>
  21.     </div>
  22.     <div title="信息选择" region="center" style="border:0;" showHeader="true" showCollapseButton="false" bodyStyle="overflow:hidden;">
  23.         <!--Splitter-->
  24.         <div class="mini-splitter" style="width:99%;height:100%;margin: 0 auto;"  borderStyle="border:0;">
  25.             <!-- 左侧 -->
  26.             <div size="350" maxSize="450" minSize="250" showCollapseButton="false" >
  27.                 <div class="mini-fit">
  28.                     <div id="gridModelMst" class="mini-datagrid" style="width:100%;height:100%;" idField="MATCHING_MODLE" showPager="false" onselectionchanged="onSelectionChanged"
  29.                           selectOnLoad="true" showHGridLines="true" showVGridLines="true">
  30.                         <div property="columns">
  31.                             <div headerAlign="center" type="indexcolumn">序号</div>
  32.                             <div field="MATCHING_MODLE_Name" width="100" align="center" headerAlign="center">所属模块</div>
  33.                             <div field="MATCHING_MODLE" width="150" visible="false" headerAlign="center">所属模块</div>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.             <!-- 右侧 -->
  39.             <div showCollapseButton="false" >
  40.                 <div class="mini-fit">
  41.                     <div id="gridMst" class="mini-datagrid" style="width:100%;height:100%;" showPager="false"  showHGridLines="true" showVGridLines="true">
  42.                         <div property="columns">
  43.                             <div type="indexcolumn" width="30" align="center" headerAlign="center">序</div>
  44.                             <div field="matchingName" width="60" align="center" headerAlign="center">匹配因子名称
  45.                                 <input id="matchingName" property="editor" class="mini-combobox" valueFromSelect="true" allowInput="true" style="width:100%;" />
  46.                             </div>
  47.                             <div field="matchingCode" width="100" align="center" headerAlign="center">匹配因子代码</div>
  48.                             <div field="matchingSuccessScore" width="60" align="center" headerAlign="center">匹配加分值
  49.                                 <input id="matchingSuccessScore" property="editor" class="mini-spinner"  minValue="0" maxValue="100"  style="width:100%;"/>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  57. </div>
复制代码
上边是代码
作者: felt    时间: 2019-4-12 16:28:10

本帖最后由 felt 于 2019-4-12 16:30 编辑
609013830 发表于 2019-4-12 16:00
上边是代码

你这两张图引用的皮肤不一样吧
第一张引用的默认皮肤，第二张有修改过皮肤
样式也没处理
和在哪放表格无关
作者: 609013830    时间: 2019-4-15 08:22:11

felt 发表于 2019-4-12 16:28
你这两张图引用的皮肤不一样吧
第一张引用的默认皮肤，第二张有修改过皮肤
样式也没处理

第二张图只是我画的样式图...我想问的是我在layout中的datagrid都是没有单元格线的，我想让单元格线显示出来该怎么做
作者: dforce    时间: 2019-4-15 11:32:49

609013830 发表于 2019-4-15 08:22
第二张图只是我画的样式图...我想问的是我在layout中的datagrid都是没有单元格线的，我想让单元格线显示 ...

有数据才有边框线，才上面的图1看到只有左侧的表格有4条数据，右侧的没数据



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