jQuery MiniUI

标题: checkcolumn宽度 [打印本页]

作者: q123126    时间: 2014-3-21 13:39:00     标题: checkcolumn宽度

我把在下demo上面的window的实例代码改了一下,把弹出的win1代码设置成如下。
  1.     <div id="win1" class="mini-window" title="短信模板" style="width: 80%; height: 70%;"
  2.         showmodal="true">
  3.         <div class="mini-splitter" style="width: 100%; height: 100%;" allowresize="false">
  4.             <div size="20%" style="height: 100%">
  5.                 <ul id="tree1" class="mini-tree" style="width: 100%; height: 100%;" onnodeclick="getSelectedNode"
  6.                     showtreeicon="true" textfield="sms_type" idfield="sms_type" expandonnodeclick="true"
  7.                     expandonload="true">
  8.                 </ul>
  9.             </div>
  10.             <div>
  11.                 <div class="mini-tabs" activeindex="0" style="width: 100%; height: 100%;">
  12.                     <div title="信息内容">
  13.                         <div class="mini-fit">
  14.                             <div id="datagrid2" url="/Handler/CustInfo/SMS.ashx" class="mini-datagrid" style="width: 100%;
  15.                                 height: 100%;" showpager="false" allowcellwrap="true">
  16.                                 <div property="columns">
  17.                                     <div type="checkcolumn"></div>
  18.                                     <div field="content" headeralign="center" align="center">短信</div>
  19.                                 </div>
  20.                             </div>
  21.                         </div>
  22.                     </div>
  23.                 </div>
  24.             </div>
  25.         </div>
  26.     </div>
复制代码
这样可以看到表格中的复选列长度已经变很宽了,不是默认的刚好一个复选框的宽度



作者: felt    时间: 2014-3-21 13:50:56

把checkcolumn的宽度固定,另一列的宽度自适应
<div type="checkcolumn" width="20"></div>
<div field="content" headeralign="center" align="center" width="100%">短信</div>
作者: q123126    时间: 2014-3-21 13:56:27

felt 发表于 2014-3-21 13:50
把checkcolumn的宽度固定,另一列的宽度自适应

短信

好的,我以为复选列是特殊的,会自己调整宽度为刚好一个复选框的宽度。




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