js 动态生成表格及内容

作者: jaclon 分类: JS 发布时间: 2013-05-21 10:05 ė 6没有评论

应用场景是这样的,ajax请求返回一个json数据,现在要以表格的形式动态展示。通常的做法是循环json数据生成每一行数据;这里我进行了一些改变,

//生成表格
function createtr(data,content,tdclass) {
	var str = new Array();
	var tmp,css;
	$.each(data,function(i,dt){		
		str.push("<tr>");
		tmp = content(dt);
		$.each(tmp, function(j,v){
			css = "";
			if(tdclass[j]){
				css = " class=\""+ tdclass[j] +"\"";
			}
			str.push("<td"+ css +">"+ v +"</td>");
		});		
		str.push("</tr>")
	});
	
	return str.join("");
}

var trs = createtr(
    data.listData, 
    function(dt){
		return [
		dt.transActionCfmDate,
		"<a href=\"#\">"+dt.fundCode+"</a>",
		dt.businessName,
		dt.confirmedAmountText,
		dt.confirmedVolText,
		dt.defDividendMethodName,
		"<a href=\"/pc/traderecord.html?seq="+
                   dt.seq +"\">查看详情</a>"];
	},
	["first tl","","tc","tc","tc","tc","tc"]);

createtr方法的第二个参数以匿名函数的形式传入,指定了每一行的数据;参数三则指定每列的样式。

献丑了,大家多多指教!

本文出自 肥蕉博客@IT技术,热门话题,生活随笔,美图欣赏,转载时请注明出处及相应链接。

本文永久链接: http://www.bananawolf.com/html/2013/05/939.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

Ɣ回顶部