首页 > 其他 > 详细

easyUI文本框textbox笔记

时间:2016-10-02 10:52:58      阅读:424      评论:0      收藏:0      [点我收藏+]

知识点:

1.图标位置 Icon Align属性,有left和right两个;

2.textbox的setvalue方法,getvalue方法。

技术分享

 

<div style="margin:10px 0 20px 0">
<span>Select Icon Align: </span>
<select onchange="$(‘#tt‘).textbox({iconAlign:this.value})">
      <option value="right">Right</option>
      <option value="left">Left</option>
</select>
</div>
<input id="tt" class="easyui-textbox" style="width:400px" data-options="
     prompt: ‘Input something here!‘,
     iconWidth: 22,
     icons: [{
         iconCls:‘icon-add‘,
         handler: function(e){
         $(e.data.target).textbox(‘setValue‘, ‘Something added!‘);
          }
    },

   {
         iconCls:‘icon-remove‘,
         handler: function(e){
         $(e.data.target).textbox(‘clear‘);
        }
   },

   {
      iconCls:‘icon-search‘,
      handler: function(e){
      var v = $(e.data.target).textbox(‘getValue‘);
      alert(‘The inputed value is ‘ + (v ? v : ‘empty‘));
       }
    }]
">

easyUI文本框textbox笔记

原文:http://www.cnblogs.com/Lxiaojiang/p/5927244.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!