jQuery MiniUI

标题: 表格输入框样式提问 [打印本页]

作者: codezerohacker 时间: 2018-5-14 11:06:27 标题: 表格输入框样式提问

您好，我想请问如何让表格可编辑的列输入框的边框显示。我的是在选中后才显示，我想让它不论选中不选中都显示边框。
代码如下：
      <div class="mini-fit" style="height: 100%">
         <div id="store_goods_sale_grid" class="mini-datagrid" style="width:100%;height:100%;"
               url="" idField="goodsModelId" pageSize="20" sizeList="[20,50,100,200]"
               showColumns="true" allowCellWrap="true" allowHeaderWrap="false" allowSortColumn="false" allowMoveColumn="false" allowResizeColumn="true" allowCellEdit="true"
               allowRowSelect="true"  allowCellSelect="true" enableHotTrack="true" allowAlternating="true" showPageIndex="true" showPageSize="true" showPageInfo="true" showReloadButton="true" autoHideRowDetail="true" showModified="true" showPagerButtonText="true" showPagerButtonIcon="false" showLoading="true" showEmptyText="true" emptyText="未查询到相应记录"
               showPager="false" showColumnsMenu="false" frozenStartColumn="-1" frozenEndColumn="-1" multiSelect="false"
         >
            <div property="columns">
                  <div type="indexcolumn"></div>
                     <div field="namename" width="60" headerAlign="center" allowSort="true" align="center" >上架价格
                        <input property="editor" class="mini-textbox"  align="center" borderStyle="border:0"/>
                     </div>

                     <div field="color" headerAlign="center" allowSort="true" width="70" align="center">上架数量</div>
            </div>
         </div>
      </div>

其中上架数量不可编辑，上架价格可编辑。
目前情况：
未选中效果如下
[attach]10873[/attach]
选中后效果如下
[attach]10872[/attach]
我想要的是不论选不选中上架价格的边框都显示，用来提醒用户此出可编辑。
麻烦指教，深表感谢。

作者: jialiang 时间: 2018-5-14 17:44:48

你可以看这个

作者: codezerohacker 时间: 2018-5-15 09:42:28

jialiang 发表于 2018-5-14 17:44
你可以看这个

是指如果使用miui的控件的话是不能改变的对么？得通过编辑让其中的input控件为原生的？

作者: felt 时间: 2018-5-15 10:03:04

codezerohacker 发表于 2018-5-15 09:42
是指如果使用miui的控件的话是不能改变的对么？得通过编辑让其中的input控件为原生的？ ...

是不是可编辑的只是加一下特殊的样式来提示？
那可以用drawcell来绘制一下
http://www.miniui.com/demo/#src=datagrid/drawcell.html

作者: codezerohacker 时间: 2018-5-15 11:18:54

felt 发表于 2018-5-15 10:03
是不是可编辑的只是加一下特殊的样式来提示？
那可以用drawcell来绘制一下
http://www.miniui.com/demo/# ...

恩，暂时先这样了，不过我还是想知道能否使用miniui的文本框而且在表格里面（非选中状态下）还能看到输入框的边框。

作者: dforce 时间: 2018-5-16 09:19:20

codezerohacker 发表于 2018-5-15 11:18
恩，暂时先这样了，不过我还是想知道能否使用miniui的文本框而且在表格里面（非选中状态下）还能看到输 ...

http://www.miniui.com/demo/#src=datagrid/staticedit.html
可以用行编辑模式，但是把数据更新到表格内需要结束编辑的。

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