jQuery-easyUI拓展textbox

本文介绍了在使用jQuery easyUI时遇到的textbox限制输入特殊字符的问题,通过查看源码并进行扩展,允许了包括逗号、双引号、冒号、花括号和方括号等在内的特殊字符输入。
摘要由CSDN通过智能技术生成

easyUI在实际使用中遇到这样的问题,textbox不能输入特殊字符,如:, “” : {} []等…所有需要拓展
查看源码:

(function($) {
    var _4e0 = 0;
    function init(_4e1) {
        $(_4e1).addClass("textbox-f").hide();
        var span = $("<span class=\"textbox\">"
                + "<input class=\"textbox-text\" autocomplete=\"off\">"
                + "<input type=\"hidden\" class=\"textbox-value\">" + "</span>")
                .insertAfter(_4e1);
        var name = $(_4e1).attr("name");
        if (name) {
            span.find("input.textbox-value").attr("name", name);
            $(_4e1).removeAttr("name").attr("textboxName", name);
        }
        return span;
    };
    function _4e2(_4e3) {
        var _4e4 = $.data(_4e3, "textbox");
        var opts = _4e4.options;
        var tb = _4e4.textbox;
        var _4e5 = "_easyui_textbox_input" + (++_4e0);
        tb.find(".textbox-text").remove();
        if (opts.multiline) {
            $("<textarea id=\"" + _4e5 + "\" class=\"textbox-text\" autocomplete=\"off\"></textarea>")
                    .prependTo(tb);
        } else {
            $("<input id=\"" + _4e5 + "\" type=\"" + opts.type + "\" class=\"textbox-text\" autocomplete=\"off\">")
                    .prependTo(tb);
        }
        $("#" + _4e5).attr("tabindex", $(_4e3).attr("tabindex") || "").css(
                "text-align", $(_4e3).css("text-align"));
        tb.find(".textbox-addon").remove();
        var bb = opts.icons ? $.extend(true, [], opts.icons) : [];
        if (opts.iconCls) {
            bb.push({ iconCls : opts.iconCls, disabled : true });
        }
        if (bb.length) {
            var bc = $("<span class=\"textbox-addon\"></span>").prependTo(tb);
            bc.addClass("textbox-addon-" + opts.iconAlign);
            for (var i = 0; i < bb.length; i++) {
         bc .append("<a href=\"javascript:void(0)\" class=\"textbox-icon " + bb[i].iconCls + "\" icon-index=\"" + i + "\" tabindex=\"-1\"></a>"); } } tb.find(".textbox-button").remove(); if (opts.buttonText || opts.buttonIcon) { var btn = $("<a href=\"javascript:void(0)\" class=\"textbox-button\"></a>") .prependTo(tb); btn.addClass("textbox-button-" + opts.buttonAlign).linkbutton({ text : opts.buttonText, iconCls : opts.buttonIcon, onClick : function() { var t = $(this).parent().prev(); t.textbox("options").onClickButton.call(t[0]); } }); } if (opts.label) { if (typeof opts.label == "object") { _4e4.label = $(opts.label); _4e4.label.attr("for", _4e5); } else { $(_4e4.label).remove(); _4e4.label = $("<label class=\"textbox-label\"></label>") .html(opts.label); _4e4.label.css("textAlign", opts.labelAlign).attr("for", _4e5); if (opts.labelPosition == "after") { _4e4.label.insertAfter(tb); } else { _4e4.label.insertBefore(_4e3); } _4e4.label .removeClass("textbox-label-left textbox-label-right textbox-label-top"); _4e4.label.addClass("textbox-label-" + opts.labelPosition); } } else { $(_4e4.label).remove(); } _4e6(_4e3); _4e7(_4e3, opts.disabled); _4e8(_4e3, opts.readonly); }; function _4e9(_4ea) { var tb = $.data(_4ea, "textbox").textbox; tb.find(".textbox-text").validatebox("destroy"); tb.remove(); $(_4ea).remove(); }; function _4eb(_4ec, _4ed) { var _4ee = $.data(_4ec, "textbox"); var opts = _4ee.options; var tb = _4ee.textbox; var _4ef = tb.parent(); if (_4ed) { if (typeof _4ed == "object") { $.extend(opts, _4ed); } else { opts.width = _4ed; } } if (isNaN(parseInt(opts.width))) { var c = $(_4ec).clone(); c.css("visibility", "hidden"); c.insertAfter(_4ec); opts.width = c.outerWidth(); c.remove(); } var _4f0 = tb.is(":visible"); if (!_4f0) { tb.appendTo("body"); } var _4f1 = tb.find(".textbox-text"); var btn = tb.find(".textbox-button"); var _4f2 = tb.find(".textbox-addon"); var _4f3 = _4f2.find(".textbox-icon"); if (opts.height == "auto") { _4f1.css({ margin : "", paddingTop : "", paddingBottom : "", height : "", lineHeight : "" }); } tb._size(opts</
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值