自己写的javascript绑定模型(一) 更新数据时通知

基础绑定

$.bind = {};
$.bind.base = function (get, set) {
    return function (o) {
        if (typeof (o) != 'undefined') {
            set(o);
        };
        return get();
    };
};

//绑定wen
$.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);
        };
    });
};
$.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);
        };
    });
};
$.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);
        };
    });
};
$.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);
        };
    });
};