惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
S
Securelist
MyScale Blog
MyScale Blog
Jina AI
Jina AI
罗磊的独立博客
The Cloudflare Blog
美团技术团队
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
博客园 - 三生石上(FineUI控件)
月光博客
月光博客
雷峰网
雷峰网
小众软件
小众软件
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
博客园 - 聂微东
Y
Y Combinator Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
MongoDB | Blog
MongoDB | Blog
T
Tailwind CSS Blog
Attack and Defense Labs
Attack and Defense Labs
博客园_首页
Latest news
Latest news
Apple Machine Learning Research
Apple Machine Learning Research
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
The Hacker News
The Hacker News
G
GRAHAM CLULEY
Simon Willison's Weblog
Simon Willison's Weblog
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
P
Proofpoint News Feed
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
U
Unit 42
D
Docker
Webroot Blog
Webroot Blog
N
Netflix TechBlog - Medium
T
Tor Project blog
C
Cyber Attacks, Cyber Crime and Cyber Security
L
LINUX DO - 最新话题
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
The Last Watchdog
The Last Watchdog
B
Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
Microsoft Azure Blog
Microsoft Azure Blog
Security Latest
Security Latest
V2EX - 技术
V2EX - 技术
N
News | PayPal Newsroom
Microsoft Security Blog
Microsoft Security Blog

博客园 - riancy

XAMPP设置tomcat自启动时,报无效的Win32程序 Centos安装man功能 wmware 10 升级到11后,macos不能运行的问题 Android Sdk Manager更新 Android代码调试报错 可以用来求急的开源项目es5-shim PhoneGap3.2安装步骤 jQuery1.9.1针对checkbox的调整 WPF DataGrid 对行中单元格的访问 Eclipse+JBoss+Seam我实在难以忍受 [jQuery插件开发][dynamicTable2.0]根据JSON数据自动生成HTML Table 从XmlDocument到XDocument的转换 Jquery插件Uploadify修改应用 Silverlight中的WatermarkedTextBox OutLook的网页版精美界面--修改版 永别了,Text与NText .Net Framework2.0内部版本问题引起的错误! frame间的层级调用,如何支持firefox 可以遗忘的HTML
根据JSON数据,自动生成Table
riancy · 2012-02-07 · via 博客园 - riancy

不好意思,献丑了,好久没有发文章了.

jquery扩展
根据JSON数据,自动生成简单的Html Table.

因为项目要求,所以写了这个示例.顺便放到博客上来!

jQuery.fn.MakeTable = function (objColumn, objData, objClassName, RowClick) {

//样式
$(this).attr("class", objClassName);

var sHtml = "";
sHtml += "<thead>";

var sTrHtml = "<tr>";
$.each(objColumn, function (i) {

sTrHtml += "<th ";
sTrHtml += "style=\"width:" + objColumn[i].Width.toString() + "px\"";
sTrHtml += ">";
sTrHtml += objColumn[i].ColumnName;
sTrHtml += "</th>";

});
sTrHtml += "</tr>";
sHtml += sTrHtml + "</thead>";

sHtml += "<tbody>";

$.each(objData, function (i) {
sTrHtml = "<tr";

if (RowClick != null && RowClick != undefined) {
//alert(RowClick);
sTrHtml += " onclick=\"CheckRow(this," + RowClick + ")\"";
}

sTrHtml += ">";
var objTr = objData[i];
for (x in objTr) {
sTrHtml += "<td style=\"";

var objLinqData = jLinq.from(objColumn).equals("DataId", x).take()[0];
sTrHtml += "text-align:" + objLinqData.DataAlign + ";";
sTrHtml += "\" ";
if (objLinqData.OnClick != null) {
sTrHtml += " onclick=\"" + objLinqData.OnClick + "\"";
}

sTrHtml += ">";
if (objLinqData.Format != null) {
sTrHtml += objLinqData.Format(objTr[x]);
}
else {
sTrHtml += objTr[x];
}

sTrHtml += "</td>";
//alert(x);
}
// sTrHtml += objData[i].
sTrHtml += "</tr>";
sHtml += sTrHtml;
});

sHtml += "</tbody>";
//alert(sHtml);
// $("#" + sId + " > tbody:last").append(sTrHtml);
var sId = this[0].id;
$("#" + sId).append(sHtml);
};


下载