jQuery MiniUI

 找回密码
 立即注册
查看: 2650|回复: 5
打印 上一主题 下一主题

表格输入框样式提问 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 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>


其中上架数量不可编辑,上架价格可编辑。
目前情况:
未选中效果如下

选中后效果如下

我想要的是 不论选不选中 上架价格的边框都显示,用来提醒用户此出可编辑。
麻烦指教,深表感谢。
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2018-5-14 17:44:48 |只看该作者
你可以看这个
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 2

板凳
发表于 2018-5-15 09:42:28 |只看该作者
jialiang 发表于 2018-5-14 17:44
你可以看这个

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

Rank: 8Rank: 8

地板
发表于 2018-5-15 10:03:04 |只看该作者
codezerohacker 发表于 2018-5-15 09:42
是指如果使用miui的控件的话是不能改变的对么?得通过编辑让其中的input控件为原生的? ...

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

Rank: 2

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

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

Rank: 8Rank: 8

6#
发表于 2018-5-16 09:19:20 |只看该作者
codezerohacker 发表于 2018-5-15 11:18
恩,暂时先这样了,不过我还是想知道能否使用miniui的文本框 而且在表格里面(非选中状态下)还能看到输 ...

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

Archiver|普加软件

GMT+8, 2024-9-17 04:36 , Processed in 1.060826 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部