jQuery MiniUI

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

请教一个关于mini-textbox的问题 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2019-11-1 11:50:35 |只看该作者 |倒序浏览
如图,在datagrid的可编辑文本框中,是否可以实现textbox后面的这个计算器的小logo
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2019-11-1 13:25:44 |只看该作者
可以这样用个小图片绝对定位在textbox上的
<div >
    <input class="mini-textbox" />
     <span >
         <img src="... "   />
     </span>
</div>
通过csss把这个span定位过去

Rank: 1

板凳
发表于 2019-11-1 14:46:23 |只看该作者
dforce 发表于 2019-11-1 13:25
可以这样用个小图片绝对定位在textbox上的

   

<input name="vol" property="editor" required="true" emptyText="体积(方)"
                                                   onvaluechanged="$K.ewb.input.inputEwbController.feeblur" class="mini-textbox"
                                                   style="width:100%;"/>
                                            <span>
                                                <img src="/resources/static/img/ewbQuery/query_bg1.png"/>
                                            </span>
不行哦,我后面写的这个span,在页面上都找不到

Rank: 8Rank: 8

地板
发表于 2019-11-1 16:06:37 |只看该作者
18473978769 发表于 2019-11-1 14:46
...

你不是单独的textbox,是表格里面的编辑器了。
建议用buttonedit吧http://www.miniui.com/demo/index ... onedit_buttons.html
这个控件有接口放小图片

Rank: 1

5#
发表于 2019-11-1 17:24:07 |只看该作者
dforce 发表于 2019-11-1 16:06
你不是单独的textbox,是表格里面的编辑器了。
建议用buttonedit吧http://www.miniui.com/demo/index.html ...

好的多谢哦

Rank: 1

6#
发表于 2019-11-1 17:29:53 |只看该作者
dforce 发表于 2019-11-1 16:06
你不是单独的textbox,是表格里面的编辑器了。
建议用buttonedit吧http://www.miniui.com/demo/index.html ...

也就是说在表格的编辑器中想实现这种效果是不可行的呢?

Rank: 8Rank: 8

7#
发表于 2019-11-1 17:44:44 |只看该作者
18473978769 发表于 2019-11-1 17:29
也就是说在表格的编辑器中想实现这种效果是不可行的呢?

buttonedit可以

Rank: 1

8#
发表于 2019-11-1 17:47:56 |只看该作者
dforce 发表于 2019-11-1 17:44
buttonedit可以

<div name="vol" field="vol" vtype="float;required;range:0,999999" width="100"
                                             headerAlign="center" align="right" summaryType="sum"><label id="vol" style="color: red;">体积(方)</label>
                                            
                                            <input id="btnEdit1" property="editor" class="mini-buttonedit" showClose="true" width="200"
                                                   buttons="[{iconCls: 'icon-search', handler: onSearchClick},{iconCls: 'icon-add', handler: onAddClick}]"
                                            />
                                        </div>

这样吗

Rank: 8Rank: 8

9#
发表于 2019-11-4 10:14:43 |只看该作者
18473978769 发表于 2019-11-1 17:47
体积(方)
                                            
                                             ...

<style>
    html body .searchbox .mini-buttonedit-icon
    {
        background:url(search.gif) no-repeat 50% 50%;
    }
    html body .searchbox .mini-buttonedit-icon:before
    {
        content:"";
    }   
    </style>

<div name="vol" field="vol" displayField="vol_name" vtype="float;required;range:0,999999" width="100"
                                             headerAlign="center" align="right" summaryType="sum"><label id="vol" style="color: red;">体积(方)</label>
                                            
               <input id="btnEdit1" property="editor" class="mini-buttonedit  searchbox" showClose="true" width="200"/>
                                        </div>

Archiver|普加软件

GMT+8, 2024-11-30 18:22 , Processed in 1.017279 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部