0

我非常密切地关注http://ludo.cubicphuse.nl/jquery-plugins/treeTable/doc/，效果很好，但似乎我必须已经在 HTML 中有一个表格。我想稍后在程序中构建一个表，然后通过 treeTable 运行它以获得可扩展视图。当我摆脱“$（document）.ready（function（）”并将其替换为常规函数，然后在构建表后调用该函数时，视图无法正常工作。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="jquery/jquery.js"> </script>

    <link href="./jquery/jquery.treeTable.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="./jquery/jquery.treeTable.js"></script>
    <script type="text/javascript">
    function init() {
        createTable();

        $("#pathTable").treeTable();
      }
    </script>

    <script type="text/javascript">
        function createTable() {
            document.write('<table id="pathTable"><tbody>');
            document.write('<tr id="node-0"><td>node0</td></tr>');
            document.write('<tr id="node-1" class="child-of-node-0">');
            document.write('<td>node1</td></tr>');
            document.write('<tr id="node-2" class="child-of-node-1">');
            document.write('<td>node2</td></tr>');  
            document.write('</tbody></table>');             
        }
    </script>
</head>
<body onload="init()">
</body>
</html>
4

2 回答 2

0

回答我自己的问题：

事实证明 document.write() 没有写入 DOM，所以我无法对表格做任何进一步的事情。

我发现这里有一个有用的网站可以解决问题

于 2012-06-01T18:19:46.697 回答
0

我使用此代码

//Add format to the table 
$("#FormsAffected-Expandable").treetable({ expandable: true , force :true });

只创建你的表并添加这句话，#name 控件是你的 Div 的名称。

于 2013-12-16T22:35:11.800 回答