除了绑定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);