表格数据加载

原创 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>

Gridpanel数据加载成功后,触发事件,让表格第一行的数据显示在下面的formpanel

在gridpanel中写这个函数,调用myformapanel的函数laoddata即可.页面加载完,form显示gridpanel中的第一行数据信息 this.store.on('load', fu...
  • qing419925094
  • qing419925094
  • 2011-07-22 16:28:15
  • 2470

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

ExtJS中表格的特性简介 表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格...
  • u010353901
  • u010353901
  • 2014-10-07 19:57:25
  • 1100

ajax从后台读json数据,jquery在页面简析

  • 2010年06月03日 19:57
  • 1.29MB
  • 下载

etl 数据加载

  • 2011年11月10日 15:23
  • 16.27MB
  • 下载

Ext Js 3.x中表格Grid的学习和实例

1:基本知识   grid由一下几个部分组成:    *数据(data)     数据有几种格式:Array、JSON、XML等    *存储器(store)     Ext中store是个...
  • woshisap
  • woshisap
  • 2011-08-05 23:05:35
  • 2241

加载等待动画

  • 2017年11月09日 17:59
  • 11KB
  • 下载

DevExpress RichEditControl 多线程插入表格及数据

  • 2017年02月10日 15:49
  • 21.25MB
  • 下载

Ext, GridPanel加载完数据后进行操作

比如load数据之后选定某些行数据:
  • ubuntu_yanglei
  • ubuntu_yanglei
  • 2014-06-06 11:40:19
  • 4961

boostrap-table数据加载不出来

有的表格不需要分页,我会把分页相关的属性删掉,此时若返回的数据仍然是一个page的对象,即使有数据页面上也不会显示。 解决方法是修改返回数据,去掉page的包装,只取里面的内容就好...
  • u011628981
  • u011628981
  • 2017-06-15 11:17:26
  • 606

jquery表格树插件GridTree懒加载版本(开源,含demo)

  • 2010年04月03日 00:13
  • 4.18MB
  • 下载
收藏助手
不良信息举报
您举报文章:表格数据加载
举报原因:
原因补充:

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