2

私はjsTreeとDataTableを持っています。ツリーからテーブルのセルにドラッグしたノードをコピーしようとしています。そのようなことはまったく可能ですか？

アラートすら表示されない

これは私のhtmlにあります：

<li id="tree1" class="jstree-draggable">

</li>

<table id="table">
    <thead>
        <tr>
            <th>1 Column</th>
            <th>2 Column</th>
        </tr>
    </thead>
    <tbody>

    </tbody>
</table>

これは私のjsです:

$(document).ready(function() {

    $("#tree1").jstree({
        // List of active plugins
        "plugins" : ["themes", "html_data", "dnd"],
        "html_data" : {
            "data" : "<li id='root'><a href='#'>Parent node</a><ul><li><a href='#'>Child node</a></li></ul></li>"
        },
        "themes" : {
            "theme" : "default",
            "dots" : true,
            "icons" : true
        },
        "dnd" : {
            "drop_finish" : function() {
                alert("DROP");
            },
            "drag_check" : function() {

            },
            "drag_finish" : function (data) {
                alert("DRAG FINISH");
            }
        },
        "core" : {
            "initially_open" : ["root"]
        }
    });

    $('#table').dataTable({
        "bPaginate" : false,
        "bSort" : false,
        "bInfo" : false,
        "bFilter" : false
    });
});

私は2番目のツリー（本質的に同じです）を持っており、2つの間でドラッグアンドドロップが機能します（子要素を独自の親要素の1つにドロップしようとすると、ツリー全体が消えますが、それは今の私の主な問題ではありません）

このスレッドで回答を試しましたが、それでもアラートは表示されませんでした。

この問題を解決する方法についてのヘルプは大歓迎です (jstree を使用する必要はありません。たまたま見つけたものです)。

4

1 に答える 1

0

ドロップ コールバックは、ツリー自体の内部に何かがドロップされたときに呼び出されます。目的を達成するには、テーブルを「ドロップ可能」としてマークし、内部で要素をドラッグ アンド ドロップできるようにする必要があります。これは、Jquery UI の一部であるプラグインです。 . このドキュメントを使用してそれを行います..

ドロップ可能なドキュメント

于 2012-09-15T06:40:26.520 に答える