0

編集可能な階層を持つ webapp 用のエディターを構築しようとしています。階層を動的に操作するためのオープン API を持つ組織図の視覚化 (またはライブラリ) に沿って考えています。私の要件は、オフラインにする必要があるため、Google ビジュアライゼーションがリリースされていないことです。基本プリミティブを微調整して、「選択したアイテムを取得する」という単純なメソッド呼び出しを提供していないことを確認しました。数日間検索しても無駄だったので、かなりイライラしています。私が使用できる単純なウィジェットやライブラリを知っている人はいますか? ありがとう！

4

1 に答える 1

0

次のスニペットで開始できるかどうかお知らせください。HTMLファイルにコピペするだけ

<html>
<head>
    <title>GetOrgChart</title>
    <script type='text/javascript' src='//code.jquery.com/jquery-1.11.0.js'></script>
    <script type='text/javascript' src="//www.getorgchart.com/GetOrgChart/getorgchart-1.1/getorgchart.js"></script>
    <link rel="stylesheet" type="text/css" href="//www.getorgchart.com/GetOrgChart/getorgchart-1.1/getorgchart.css" />

    <style type='text/css'>
        html, body {margin: 0px;padding: 0px;height: 100%;overflow: hidden;}
        #people {width: 100%;height: 100%;}
    </style>
</head>
<body>
    <table id="peopleTable" style="display: none;">
        <tr>
            <th>id</th>
            <th>parent id</th>
            <th>Name</th>
            <th>Title</th>
        </tr>
        <tr>
            <td>1</td>
            <td></td>
            <td>Lesley Holmes</td>
            <td>CEO</td>
        </tr>
        <tr>
            <td>2</td>
            <td>1</td>
            <td>Colin Patricia</td>
            <td>Manager</td>
        </tr>
        <tr>
            <td>3</td>
            <td>1</td>
            <td>Derek Cork</td>
            <td>Manager</td>
        </tr>
    </table>

    <div id="people"></div>

    <script type='text/javascript'>
        $('#people').getOrgChart({
            dataSource: document.getElementById("peopleTable")
        });
    </script>
</body>
</html>
于 2014-03-18T21:29:13.577 に答える