EasyUI 输入框加入多个清除恩钮

来源:互联网 发布:vlc 看网络电视 编辑:程序博客网 时间:2024/04/29 16:49

本例子适合给输入框加入清除恩钮

参照官网的例子,只有给单个输入框的,如果写多个输入框,样式会出错,整理下多个输入框的情况下的js

直接贴到页面就可以用

效果图:


前端代码:

$.extend($.fn.textbox.methods, {    addClearBtn: function (jq, iconCls) {        var opts = jq.textbox('options');        opts.icons = opts.icons || [];        opts.icons.unshift({            iconCls: iconCls,            handler: function (e) {                $(e.data.target).textbox('clear').textbox('textbox').focus();                $(this).css('visibility', 'hidden');            }        });        return jq.each(function () {            var t = $(this);            t.textbox();            if (!t.textbox('getText')) {                t.textbox('getIcon', 0).css('visibility', 'hidden');            }            t.textbox('textbox').bind('keyup', function () {                var icon = t.textbox('getIcon', 0);                if ($(this).val()) {                    icon.css('visibility', 'visible');                } else {                    icon.css('visibility', 'hidden');                }            });        });    } });