javascript - JQGrid から jsTree v.0.9.9a にドラッグ

Question

作成した jqGrid から行をドラッグし、jsTree (v.0.9.9a) のノードでドロップ イベントを発生させようとしています。

とにかくこれを行う方法はありますか - jsTreeの v.0.9.9a のみを使用します。

よろしく。

Answer 1

多くの議論の末、私はjsTreeバージョン1に切り替えることにしました。

jqGridでイベントを追加しました

afterInsertRow: function (rowid, rowdata, rowelem) {
            $("#" + rowid).addClass('jstree-draggable');
        },

次に、jstreeのdndプラグインを追加しました。これにより、クラス「jstree-draggable」を持つすべての外部要素を、"drag_finish": function (data) {}jsTreeのイベントとともにツリーにドラッグできます。

jsTreeバージョン1は、バージョン1より前のバージョンを使用した後で切り替えるのが面倒ですが、コツをつかめば、実際にははるかに高速で、すっきりと使いやすくなります。完全なドキュメントはバージョン1のファイナルでリリースされると言われています。

Answer 2

これは本当に狭い質問です。両方のコントロールがjQuery UIのドラッグ可能およびドロップ可能なウィジェットを使用しているようで、予備的なアプローチがあるようです。あなたのアイデアを実装してみて、どれだけうまくいくか試してみませんか?

完了したら、または途中で行き詰まった場合は、コードを投稿することをお勧めします...

Answer 3

ただ：

$("#treeOptions").jstree({
   plugins: ["themes", "json_data", "dnd", "ui", "types"],
   ...
   dnd: { drag_target: ".jqgrow" }
   ...
});