jQuery における初期設定時のドラッグ アンド ドロップ イベントの処理 (igTree)

トピックの概要

目的

ここでは、コード例とともに、jQuery における初期設定時に igTree™ コントロールにイベント ハンドラーをアタッチする方法を説明します。

前提条件

このトピックを理解するために、以下のトピックを参照することをお勧めします。

• ドラッグ アンド ドロップの概要 (igTree): このトピックは、igTree コントロールのドラッグ アンド ドロップ機能の概要を提供します。

jQuery における igTree の初期設定時のイベント ハンドラーのアタッチ

初期設定時のイベント ハンドラーのアタッチ (概要)

igTree コントロールに対するイベント ハンドラー関数のアタッチは、通常、コントロールの初期設定時に、dragStart イベントに対して行います。このイベントが発生すると、処理関数を呼び出します。

コード例

初期設定時に dragStart イベントにイベント処理関数を割り当てる例。

JavaScript の場合:

$(".selector").igTree({
    dataSource: data,
    dataSourceType: "xml",
    // Enabling the Drag-and-Drop feature
    dragAndDrop: true,
    dragStart: function(evt, ui) {
    // Handle event
    }
});

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

• 実行時のドラッグ アンド ドロップ イベントの処理 (igTree): ここでは、コード例とともに、igTree コントロールでイベントをサブスクライブし、実行時にイベント ハンドラーをアタッチする方法について説明します。

• API リンク (igTree): ここでは、igTree jQuery と MVC API までのリンクを紹介します。

サンプル

このトピックについては、以下のサンプルも参照してください。

• ドラッグ アンド ドロップ - 単一のツリー: このサンプルでは、igTree コントロールのドラッグ アンド ドロップ機能を有効にして初期化する方法を紹介します。

• ドラッグ アンド ドロップ - 複数のツリー: このサンプルでは、2 つの igTree の間にノードをドラッグ アンド ドロップする方法を紹介します。

• API およびイベント: このサンプルは igTree API を使用する方法を紹介します。