qq_37234793 2017-05-03 01:29 采纳率: 0%
浏览 758

table表格数据转化为给定格式问题，求大神解惑，谢谢！！！

 <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    request.setAttribute("path", request.getContextPath());
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!doctype html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>转化</title>
    <%@ include file="/common/new_header.jsp" %>
    <style type="text/css">
        #tableHtml{
            width:50%;
            margin: 20px;
        }
        #tableHtml th {
            margin: 3px;
            padding: 0.4em;
            font-size: 1.2em;
            height: 25px;
            border:solid 1px;
            text-align: center;
        }
    </style>

    <script type="text/javascript">
        var columnModel = [
            { display: '测试一', columns : [
                { display: "测试1" },
                { display: "测试2", columns: [
                    {},
                    {}
                ] }
            ]},
            { display: 'b', name: 'b',  align: 'left'},
            { display: 'c', name: 'c',  align: 'left'},
            { display: 'd', name: 'd',  align: 'left'}
        ];



        function modelToTableHtml(columnModel){

        }

        function tableHtmlToModel(tableHtml){
            var columnModel=[];


            })
//            columnModel.push(colData);
            console.log(columnModel);

        }

        function test_02(){
            tableHtmlToModel($('#tableHtml')[0].outerHTML);
        }

        function test_01(){
            modelToTableHtml(columnModel);
        }

    </script>
</head>
<body>
    <table id="tableHtml">

        <tr>
            <th colspan="2" rowspan="1" >测试一</th>
            <th colspan="2" rowspan="1" >测试二</th>
            <th colspan="1" rowspan="2" >测试三</th>
        </tr>
        <tr>
            <th colspan="1" rowspan="1" >测试1</th>
            <th colspan="1" rowspan="1" >测试2</th>
            <th colspan="1" rowspan="1" >测试1</th>
            <th colspan="1" rowspan="1" >测试2</th>
        </tr>
    </table>
    <br/>
    <button type="button"  onclick="test_02();" style="padding: 8px;margin-left: 20px">tableHtmlToModel</button>
    <button type="button"  onclick="test_01();" style="padding: 8px;margin-left: 20px">modelToTableHtml</button>
</body>
</html>

转化后格式：：
val columnModel = [
    { display: '测试一', columns : [
        { display: "测试1" },
        { display: "测试2" }
    ]},
    { display: '测试二', columns : [
        { display: "测试1" },
        { display: "测试2" }
    ]}
    { display: '测试三'}

],
  • 写回答

1条回答 默认 最新

  • threenewbee 2017-05-03 01:54
    关注

    http://blog.csdn.net/woailvmengmeng/article/details/46471287

    评论

报告相同问题？

悬赏问题

  • ¥50 易语言把MYSQL数据库中的数据添加至组合框
  • ¥20 求数据集和代码#有偿答复
  • ¥15 关于下拉菜单选项关联的问题
  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉，不会对a-b<-200mv有影响吗，就是接受时，对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构，轴与轴承是否发生了碰撞？
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法，和Jdk11自带的加密结果会一样吗，不一样的话有什么解决方案，Jdk不能升级的情况