表格数据加载

原创 2016年08月29日 00:04:14
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../lib/js/jquery.min.js"></script>
</head>
<body>
    <table border="1px" width="500" height="150">
        <tr>
            <td colspan="2" rowspan="2">featurename</td>
            <td colspan="2" >activity1</td>
            <td colspan="2" >activity2</td>
            <td colspan="2" >activity3</td>
            <td colspan="2" rowspan="2">1</td>
        </tr>
        <tr>
            <td>tatla</td>
            <td>tate</td>
            <td>tatla</td>
            <td>tate</td>
            <td>tatla</td>
            <td>tate</td>
        </tr>
        <tr>
            <td colspan="2" >send espace message</td>
            <td>0</td>
            <td>0%</td>
            <td>1</td>
            <td>1%</td>
            <td>2</td>
            <td>2%</td>
            <td colspan="2" >1</td>
    </table>
    <script>
        var arr = [];
        $.get("../json/clude_test.json", function (result) {
            var a = result.result.value.features;
            for (var k in a) {//循环features
                var tr=$("<tr></tr>");
                for (var j in a[k]) { //遍历activitys
                    var  td="<td colspan='2'>"+j+"</td>";
                    console.log(j);
                    for (var m in a[k][j]) {
                        td+="<td>"+a[k][j][m].activity+"</td>"+"<td>"+a[k][j][m].passRate+"</td>";
                        console.log(a[k][j][m].activity);
                    }
                    $(tr).append(td);
                    console.log(tr.html());
                }
                $("table").append(tr);
            }
        });
<span style="white-space:pre">	</span><pre style="font-family: 宋体; font-size: 9pt; background-color: rgb(255, 255, 255);"><pre name="code" class="html">var jsons=
{ "result": { "value": { "features": [ { "send espace message": [ { "total": 0, "featureName": "send espace message", "activity":"1", "passRate": "0%", "uri": "d94odp09frd1" }, { "total": 1, "featureName": "send espace message", "activity":"2", "passRate": "1%", "uri": "d94odp09frd1" }, { "total": 2, "featureName": "send espace message", "activity":"3", "passRate": "2%", "uri": "d94odp09frd1" } ] }, { "send espace message1": [ { "total": 0, "featureName": "send espace message", "activity":"1", "passRate": "0%", "uri": "d94odp09frd1" } ] }, { "APILoadTest": [ { "total": 0, "featureName": "APILoadTest", "activity":"1", "passRate": "0%", "uri": "3e1of4bd1s0" } ] } ], "total": 2, "passRate": "" } }, "requestId": "e95528e4-6a01-4e74-8169-c6816c8510a4", "serverAddress": "(10.21.51.210:8080)", "status": "ok"}


    </script>
</body>
</html>

动态加载bootstrap表格数据

  • 2016年11月29日 17:33
  • 159KB
  • 下载

表格ComboxBox加载数据

  • 2013年05月22日 11:28
  • 102KB
  • 下载

iphone开发之表格组件UITableView的使用(三)通过加载plist文件字典转模型方式展示分组数据

1、通过加载plist文件,利用在懒加载中把字典转模型实现的步骤如下: (1)新建plist文件,编辑plist文件内容添加属性。编辑步骤如下: 在文件中新建一个NSArray用来包含所有的数据,点击...

datatables加载表格数据入门

function loadTrafficData(){ $('#trafficData').DataTable({ searching : false, ...

JSP页面加载xls表格数据

解析用到的第三方库:POI HSSFWorkbook 类 直接贴代码package com.jx;import java.io.File;import java.io.FileInputStrea...

Extjs4.2 表格动态数据加载,以及动态选择分页条目,前后台详解

刚自学extjs,搞到分页后碰到了许多问题,特记录下,方便你我他 一、grid_gridpanel_paging.jsp页面引入: 二、编写前端grid_gridpan...

动态加载bootstrap表格数据

表格效果如下 完整demo下载html - Bootstrap Table

jQuery EasyUI 1.5版本的Datagrid终于新增了表格加载的数据没有记录的时候,可显示“无记录”的提示语

jQuery EasyUI1.5版本的Datagrid终于新增了表格加载的数据没有记录的时候,可显示“无记录”的提示语(PS:这功能以前都是自己写的,现在终于可以利用API了)。不过试用之下发现,设置...

ExtJS中表格控件的使用,属性设置和数据的获取加载

ExtJS中表格的特性简介 表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格...

easyui动态加载表格并绑定数据

在做试卷管理时,选择好学院和课程后,要根据课程的题型数动态加载表格,表格行数=题型数。 1.html 题型 章节 难度等级 操作 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表格数据加载
举报原因:
原因补充:

(最多只允许输入30个字)