jQuery MiniUI

标题: 请教一个关于mini-textbox的问题 [打印本页]

---

作者: 18473978769    时间: 2019-11-1 11:50:35     标题: 请教一个关于mini-textbox的问题

[attach]12527[/attach]如图，在datagrid的可编辑文本框中，是否可以实现textbox后面的这个计算器的小logo

---

作者: dforce    时间: 2019-11-1 13:25:44

可以这样用个小图片绝对定位在textbox上的
<div >
    <input class="mini-textbox" />
     <span >
         <img src="... "   />
     </span>
</div>
通过csss把这个span定位过去

---

作者: 18473978769    时间: 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，在页面上都找不到

---

作者: dforce    时间: 2019-11-1 16:06:37

18473978769 发表于 2019-11-1 14:46
...

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

---

作者: 18473978769    时间: 2019-11-1 17:24:07

dforce 发表于 2019-11-1 16:06
你不是单独的textbox,是表格里面的编辑器了。
建议用buttonedit吧http://www.miniui.com/demo/index.html ...

好的多谢哦

---

作者: 18473978769    时间: 2019-11-1 17:29:53

dforce 发表于 2019-11-1 16:06
你不是单独的textbox,是表格里面的编辑器了。
建议用buttonedit吧http://www.miniui.com/demo/index.html ...

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

---

作者: dforce    时间: 2019-11-1 17:44:44

18473978769 发表于 2019-11-1 17:29
也就是说在表格的编辑器中想实现这种效果是不可行的呢？

buttonedit可以

---

作者: 18473978769    时间: 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>

这样吗

---

作者: dforce    时间: 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>

---

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

Powered by Discuz! X2