Question

我非常关注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>

Answer 1

回答我自己的问题：

事实证明document.write（）没有写入DOM，因此我无法对表做任何进一步的操作。

我找到的有用网站here解决了问题

Answer 2

我使用此代码

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

只创建你的表并添加这些句子，＃name控件是你的Div的名字。

jquery treeTable与未确定的表

2 个答案: