jQuery的jTemplates插件允许定义一个显示模板,在展现数据时根据选择的模板来动态生成。
jQuery的jTemplates官方网站:http://jtemplates.tpython.com/
原先的拼html代码如下:
$("#Content").html("");
$.getJSON("ajax/item.ashx", { action: 'list', action2: 'getPerPageData', type: $("#hidType").val(), ym: $("#hidYM").val(), showType: $("#sShowType").val(), searchVal: $("#txtSearch").val(), pagesize: $("#sPageSize").val(), index: index, t: Math.random() }, function(data) {
$.each(data, function(i) {
var strHtml = "<table id='tbItemId" + data[i].Id + "' class='mytable' style='table-layout:fixed' cellspacing='0'>";
strHtml += "<tr><td class='alt'>";
strHtml += "<input type='hidden' id='hidsType" + data[i].Id + "' value='" + data[i].TypeId + "' />";
strHtml += "<span id='spTitle" + data[i].Id + "'>" + data[i].Title + "</span>";
strHtml += "<span class='right'>";
strHtml += "<a href='#' title='编辑' οnclic