zoukankan      html  css  js  c++  java
  • js自定义拼接树形表格

    <script>
    function getItemHtml(dataJson) {
    var htmlJ = "<div><table border='1'><tr><th>子模型</th><th>指标项</th><th>指标权重(%)</th><th>数据来源</th><th>备注说明</th></tr><tr>";
    if (dataJson.result) {
    var datas = dataJson.result;
    for (var i = 0; i < datas.length; i++) {
    // htmlJ += '<tr><th rowspan="' + datas[i].modelItems.length + '">' + datas[i]["subModel"] + "</th>";
    for (var j = 0; j < datas[i].modelItems.length; j++) {
    if (j == 0) {
    htmlJ += '<tr><th rowspan="' + datas[i].modelItems.length + '">' + datas[i]["subModel"] + "</th>";
    }
    else {
    htmlJ += '<tr>';
    }
    htmlJ += "<td>" + datas[i].modelItems[j]["indexItems"] + "</td>";
    htmlJ += "<td>" + datas[i].modelItems[j]["indexWeight"] + "</td>";
    htmlJ += "<td>" + datas[i].modelItems[j]["dataSource"] + "</td>";
    htmlJ += "<td>" + datas[i].modelItems[j]["remark"] + "</td></<td>";
    htmlJ += "</tr>";
    }
    }

    }
    htmlJ += "</table></div>";
    return htmlJ;
    }

    function load() {
    document.getElementById("GoogleAD").innerHTML = "";
    var json ={"code":"OK","details":[],"message":"正常","messageCode":0,"result":[
    {"id":1,
    "modelItems":[{"dataSource":"话题社区","id":22,"indexItems":"发表原创话题次数","indexWeight":"","remark":"","status":0,"subModelId":0},
    {"dataSource":"驻村工作","id":23,"indexItems":"参与驻村互动次数、参与驻村互动评论字数","indexWeight":"","remark":"","status":0,"subModelId":0},{"dataSource":"缴纳党费","id":24,"indexItems":"党龄、按时交纳党费率、连续六个月不交纳党费次数","indexWeight":"","remark":"需要提供指标相关数据","status":0,"subModelId":0},
    {"dataSource":"违规违纪、不合格党员评价标准","id":25,"indexItems":"各违规违纪类别下的违规违纪次数","indexWeight":"","remark":"需要明确有哪些违规违纪种类以及各类违规违纪的严重程度","status":0,"subModelId":0},
    {"dataSource":"一般文章评论及其点赞","id":26,"indexItems":"文章评论字数","indexWeight":"","remark":"","status":0,"subModelId":0}],"modelManageId":0,"modelName":"党员活力指数分析模型","status":0,"subModel":"思想评估"},
    {"id":2,
    "modelItems":[{"dataSource":"党员志愿服务","id":27,"indexItems":"志愿服务全年达标进度、线上活动完成度(长征路、点亮中国)","indexWeight":"","remark":"","status":0,"subModelId":0}],"modelManageId":0,"modelName":"党员活力指数分析模型","status":0,"subModel":"服务评估"},
    {"id":3,
    "modelItems":[{"dataSource":"驻村工作","id":28,"indexItems":"驻村辅导预警次数","indexWeight":"","remark":"","status":0,"subModelId":0},{"dataSource":"精准扶贫","id":29,"indexItems":"扶贫任务完成情况评价、扶贫积极性评价","indexWeight":"","remark":"","status":0,"subModelId":0},
    {"dataSource":"身边好党员","id":30,"indexItems":"获得好党员评价次数","indexWeight":"","remark":"1、如果文章中有多个党员名字无法确定具体表扬的哪个党员;","status":0,"subModelId":0},
    {"dataSource":"远教工作","id":31,"indexItems":"组织自主学习次数","indexWeight":"","remark":"","status":0,"subModelId":0}],"modelManageId":0,"modelName":"党员活力指数分析模型","status":0,"subModel":"工作评估"}]}
    document.getElementById("GoogleAD").innerHTML = getItemHtml(json);
    }

    </script>
     
    <body onload="load()">
      <div id="GoogleAD"></div>
    </body>
  • 相关阅读:
    教程:在 Visual Studio 中开始使用 Flask Web 框架
    教程:Visual Studio 中的 Django Web 框架入门
    vs2017下发现解决python运行出现‘No module named "XXX""的解决办法
    《sqlite权威指南》读书笔记 (一)
    SQL Server手工插入标识列
    hdu 3729 I'm Telling the Truth 二分图匹配
    HDU 3065 AC自动机 裸题
    hdu 3720 Arranging Your Team 枚举
    virtualbox 虚拟3台虚拟机搭建hadoop集群
    sqlserver 数据行统计,秒查语句
  • 原文地址:https://www.cnblogs.com/lihong-123/p/11463567.html
Copyright © 2011-2022 走看看