jQueryのEasyUIツリーメニュー - ドロップツリーメニューコントロール2024 年の最新の入門チュートリアル。このコースでは jQueryのEasyUI例をダウンロード, について学習できます。

jQueryのEasyUIツリーメニュー - ドロップツリーメニューコントロール

木(ツリー)プラグインすると、アプリケーション、ドラッグ&ドロップ(ドラッグ)と場所(ドロップ)機能要件は、ユーザーがノードの位置を変更することができます。 ドラッグ(ドラッグ)と場所(ドロップ)操作を有効にし、あなたがする必要があるすべてはツリー(木)ウィジェット「DND」プロパティがtrueに設定されて置かれています。

(ツリー)ツリーメニューを作成します。

	$( '#Ttの')。ツリー({
		DND:trueの場合、
		URL: 'tree_data.json」
	});

操作は、ツリーノードに配置されている場合、「onDrop」イベントがトリガされますか、というように、リモートサーバーへのノードの状態を保存するなど、いくつかのより多くの操作を行い、必要があります。

	onDrop:関数(targetNode、ソース、ポイント){
        VARするtargetId = $(ターゲット).tree( 'getNode'、targetNode).ID。
        $アヤックス({
            URL: 'ja.'、
            タイプ:「ポスト」、
            データ型:「JSON」、
            データ:{
                ID:source.id、
                するtargetId:するtargetId、
                ポイント:ポイント
            }
        });
    }

jQueryのEasyUI例をダウンロード

jeasyui-tree-tree5.zip

jQueryのEasyUIツリーメニュー - ドロップツリーメニューコントロール
10/30