jQuery 根据JSON数据动态生成表格 - 飘扬De黑夜

公告

昵称：飘扬De黑夜
园龄： 17年6个月
粉丝： 6
关注： 53

+加关注

随笔分类

随笔档案

文章分类

阅读排行榜

评论排行榜

最新评论

1. Re:Lambda 递归获取所有子节点
public static List<Organization> GetWithChildrenList(List<Organization> list, string organizationID)...
--维尼-
2. Re:窗体内元素遍历-通用方法（DevExpress 中BarManager的遍历）
出现这个错误是为什么啊？

我把GetFields的第二个参数去掉了就什么都遍历不到了！
--暴走的锅巴
3. Re:SqlServer按照日期递增累计
我的是sqlserver2008R2 同样的sql语句提示order 附近有语法错误 SELECT id,Diamond,SUM(Diamond) OVER(ORDER BY Id)total FRO...
--cunese初见
4. Re:SQL Server 自定义聚合函数
还需要调用外部的 DLL, 不能直接像写其他sql函数一样，直接写吗？
--Moko_o
5. Re:SQL Server 自定义聚合函数
连接字串是动态的
--闹轰轰

jQuery 根据JSON数据动态生成表格

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>动态创建表格</title>
    <script src="js/jQuery1.10.js"></script>
    <script type="text/javascript">
 
 
        function CreateTable() {
            var str = '{ "total": 149, "columns": [{ "field": "EMPLOYEEID", "title": "员工编号" }, { "field": "EMPLOYEENAME", "title": "员工姓名" }],"rows":[{"EMPLOYEEID":"001","EMPLOYEENAME":"小明"},{"EMPLOYEEID":"002","EMPLOYEENAME":"小宏"}]}';
            var data = JSON.parse(str);
            var rowCount = data.rows.length;
            var cellCount = data.columns.length;
 
            var table = $("<table border=\"1\">");
            table.appendTo($("#createtable"));
             
            var trHeader = $("<tr></tr>");
            trHeader.appendTo(table);
            for (var j = 0; j < cellCount; j++) {
                var td = $("<td>" + data.columns[j].title + "</td>");
                td.appendTo(trHeader);
            }
 
            for (var i = 0; i < rowCount; i++) {
                var tr = $("<tr></tr>");
                tr.appendTo(table);
                for (var j = 0; j < cellCount; j++) {
                    var field = data.columns[j].field;
                    var val="";
                    if (data.rows[i][field] != null)
                    {
                        val = data.rows[i][field];
                    }
 
                    var td = $("<td>" + val + "</td>");
                    td.appendTo(tr);
                }
            }
            $("#createtable").append("</table>");
        }
    </script>
</head>
 
<body>
    <input type="button" value="添加表格" onclick="CreateTable(5,6)">
    <input type="button" value="添加行">
    <div id="createtable"></div>
    <div id="createrow"></div>
</body>
</html>