首页 / 脚本样式 / jQuery / MVC+Jquery开发B/S系统 （一） 列表绑定（三）

MVC+Jquery开发B/S系统 （一） 列表绑定（三）2013-05-22 博客园 麦子|君子兰除了绑定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）;