自己写的javascript绑定模型 基于jquery

页面导航:首页 > 网络编程 > JavaScript > 自己写的javascript绑定模型 基于jquery

自己写的javascript绑定模型 基于jquery

来源: 作者: 时间:2016-02-05 11:06 【

绑定模型$ bind = {}; 绑定基础$ bind base = function (get, set) { return function (o) { if (typeof (o) != 39;undefined 39;) {
//绑定模型
$.bind = {};
//绑定基础
$.bind.base = function (get, set) {
    return function (o) {
        if (typeof (o) != 'undefined') {
            set(o);
        };
        return get();
    };
};


//绑定文本
$.bind.text = function (element,func) {
    var $el = element;
    return $.bind.base(function () {
        return $el.text();
    }, function (o) {
        $el.text(o);
        if (typeof (func) == 'function') {
            func($el, o);
        };
    });
};
//绑定值
$.bind.val = function (element, func) {
    var $el = element;
    return $.bind.base(function () {
        return $el.val();
    }, function (o) {
        $el.val(o);
        if (typeof (func) == 'function') {
            func($el, o);
        };
    });
};
//绑定
$.bind.html = function (element, func) {
    var $el = element;
    return $.bind.base(function () {
        return $el.html();
    }, function (o) {
        $el.html(o);
        if (typeof (func) == 'function') {
            func($el, o);
        };
    });
};


//绑定bool
$.bind.bool = function (element, func) {
    var $el = element;
    var obj = true;
    return $.bind.base(function () {
        return obj;
    }, function (o) {
        obj = o;
        if (typeof (func) == 'function') {
            func($el, o);
        };
    });
};
//根据bool 增加 移除css
$.bind.cssClass = function (element, css, check, func) {
    var $el = element;
    var obj = true;
    return $.bind.base(function () {
        return obj;
    }, function (o) {
        if (check && obj == o) {
            return;
        }
        obj = o;
        if (o) {
            $el.addClass(css);
        } else {
            $el.removeClass(css);
        }
        if (typeof (func) == 'function') {
            func($el, o);
        };
    });
};
//根据bool 显示 隐藏
$.bind.visibility = function (element, check, func) {
    var $el = element;
    var obj = true;
    return $.bind.base(function () {
        return obj;
    }, function (o) {
        if (check && obj == o) {
            return;
        }
        obj = o;
        if (o) {
            $el.show();
        } else {
            $el.hide();
        }
        if (typeof (func) == 'function') {
            func($el, o);
        };
    });
};

//绑定隐藏值
$.bind.hide = function (func) {
    var obj = true;
    return $.bind.base(function () {
        return obj;
    }, function (o) {
        obj = o;
        if (typeof (func) == 'function') {
            func(o);
        };
    });
};
//绑定数组
$.bind.array = function (element, func) {
    var array = [];
    var $el = element;
    return $.bind.base(function () {
        return array;
    }, function (o) {
        array = o;
        $el.empty();
        if (typeof (func) == 'function') {
            $.each(o, function (i, v) {
                func($el, i, v);
            });
        };
    });
};
//绑定对象
$.bind.obj = function (o, func) {
    var list = [];
    var obj = {};
    for (var item in o) {
        var temp = {};
        temp.o = item;
        var temp_obj = o[temp.o];
        switch (temp_obj.t) {
            case 'array':
                temp.obj = $.bind.array(temp_obj.el, temp_obj.f);
                break;
            case 'text':
                temp.obj = $.bind.text(temp_obj.el, temp_obj.f);
                break;
            case 'val':
                temp.obj = $.bind.val(temp_obj.el, temp_obj.f);
                break;
            case 'html':
                temp.obj = $.bind.html(temp_obj.el, temp_obj.f);
                break;
            case 'bool':
                temp.obj = $.bind.bool(temp_obj.el, temp_obj.f);
                break;
            case 'hide':
                temp.obj = $.bind.hide(temp_obj.f);
                break;
            case 'cssClass':
                temp.obj = $.bind.cssClass(temp_obj.el, temp_obj.css, temp_obj.ck, temp_obj.f);
                break;
            case 'visi':
                temp.obj = $.bind.visibility(temp_obj.el, temp_obj.ck, temp_obj.f);
                break;
            case 'visibility':
                temp.obj = $.bind.visibility(temp_obj.el, temp_obj.ck, temp_obj.f);
                break;
            default:
        }
        list.push(temp);
    };
    return function (o) {
        if (typeof (o) != 'undefined') {
            obj = o;
            $.each(list, function (i, v) {
                v.obj(o[v.o]);
            });
            if (typeof (func) == 'function') {
                func(o);
            };
        };

        return obj;
    };
};



Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<