MVC+jQuery数据绑定①：列表绑定（三）

除了绑定Table外，还有其他的循环列表需要绑定。

其实都一样，都是把模版化成数据。 模板的存法用注释的方式只是一种方法。更好的方法自由发挥。目前就是为了取得模板。

比如 用一个Json来存放需要的Template，然后专门放在一个templates.js里或由xml配置的模板然后生成json数据， 需要用的时候直接 templates.tempName 就可以了。

写博文太累了。 特别是自己的思想给别人分享时更累。 我这里也不赘述了。贴下代码吧

; (function($) {
    var templateList = []; //存放一般的模板列表

    $.fn.bindList = function(args, template, options, async) {
        var me = this;

        var url, async, template, dataSource;

        url = me.attr("datasource");
        async = me.attr("async") == "0";
        if (arguments.length > 0) {
            switch (typeof (args)) {
                case "string":
                    url = args;
                    break;
                case "object":
                    dataSource = args;
                    break;
            }
        }
        //args是json
        switch (arguments.length) {
            case 1:
                if (args == null)
                    return me;
                if (typeof (args) == "string") {
                    url = args;
                }
                else if (typeof (args) == "object") {
                    url = args.url;
                    async = args.async || async;
                    template = args.template || template;
                    options = args.options || options;
                    dataSource = args.data;
                }
                break;
            case 2: // url,async || url,tempalte || data,template
                if (typeof (arguments[0]) == "string")
                    url = arguments[0];
                else
                    dataSource = arguments[0];

                if (typeof (arguments[1]) == "bool") {
                    async = arguments[1];
                    template = me.getTemplate();
                }
                break;
            case 3: //url,template,async || url,template,options || data,template,options
                template = template;
                options = options;
                if (typeof (options) == "bool") {
                    async = options;
                    options = undefined;
                } break;
            case 4:
                template = template;
                options = options;
                async = async;
                break;
        }


        if ((url == undefined || url == "") && dataSource == undefined) {
            return me;
        }

        if (dataSource == undefined) {
            $.ajax({
                type:"POST",
                async: async,
                url: url,
                success: function(data) {

                    if (data == "" || data == null)
                        return;
                    data = eval("(" + data + ")");

                    me.bindListData(data.list || data, template, options);
                }
            });
        }
        else {
            me.bindListData(dataSource, template, options);
        }
        return me;
    };
    $.fn.bindListData = function(data, template, options) {

        var me = this;
        template = template || me.getTemplate();
        this.empty();
        var resultTemplate = replaceTemplate(template, data);


        var prepend, append, dvalue;
        if (options != undefined) {
            prepend = options.prepend;
            append = options.append;
            dvalue = options.dvalue;
        }

        if (prepend != undefined) {
            resultTemplate = prepend + resultTemplate;
        }



        if (append != undefined) {
            resultTemplate += append;
        }

        this.html(resultTemplate);

        //绑定控件的默认值
        if (this.attr("type") == "select-one") {
            if (dvalue != undefined)
                this.bindControl(dvalue);
            else
                this[0].selectedIndex = 0;
        }

        me.setLink();

    };


})(jQuery);