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>
  • 相关阅读:
    Java-JUC(四):同步容器介绍
    Java-JUC(三):原子性变量与CAS算法
    Java:双向链表反转实现
    Java-JUC(二):Java内存模型可见性、原子性、有序性及volatile具有特性
    Java-JUC(一):volatile引入
    TSQL:判断某较短字符串在较长字符串中出现的次数。
    二叉树的定义与前序、中序、后序遍历
    c#:判断一个数组元素中否有重复元素
    c#:对两个字符串大小比较(不使用c#/java内部的比较函数),按升序排序
    mysql之 OPTIMIZE TABLE整理碎片
  • 原文地址:https://www.cnblogs.com/lihong-123/p/11463567.html
Copyright © 2011-2022 走看看