本例子适合给输入框加入清除恩钮
参照官网的例子,只有给单个输入框的,如果写多个输入框,样式会出错,整理下多个输入框的情况下的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');
}
});
});
}
});