wijtree jQuery ウィジェット

項目を階層型のツリー構造で表示します。折りたたみ/展開のアニメーション、スタイリッシュなテーマ、ドラッグアンドドロップ機能などを使用できます。

シンタックス

Javascript (Usage)
$(function () { var options; //タイプ： wijmo.tree.wijtree.options $(".selector").wijtree(options); });

Javascript (Usage)

$(function () {
    var options; //タイプ： wijmo.tree.wijtree.options
     
    $(".selector").wijtree(options);
});

Javascript (Specification)
function wijtree() : any;

オプション

	名前	解説
	allowDrag	デフォルト値: false allowDrag オプションを true に設定した場合、ツリーノードをドラッグできます。
	allowDrop	デフォルト値: false allowDrop を true に設定した場合、1 つのツリーノードを別のツリーノードの中にドロップできます。
	allowEdit	デフォルト値: false allowEdit オプションを true に設定した場合、ユーザーが実行時にツリーノードを編集できます。
	allowSorting	デフォルト値: true allowSorting オプションを true に設定した場合、実行時に［s］キーを押すことによってツリーノードをソートできます。
	allowTriState	デフォルト値: true allowTriState オプションを true に設定した場合、ツリーノードは 3 つの状態をとります。つまり、ノードチェックボックスをオン、オフ、不定のいずれかの状態にすることができます。このオプションは showCheckBoxes オプションと組み合わせて使用する必要があります。
	autoCheckNodes	デフォルト値: true autoCheckNodes オプションを true に設定した場合、親ノードがチェックされたときにサブノードもチェックされます。このオプションを使用するためには、showCheckboxes を "true" に設定する必要があります。
	autoCollapse	デフォルト値: false このオプションを true に設定した場合、別のノードが展開されるときに現在展開しているノードが折りたたまれます。
	collapseAnimation	collapseAnimation オプションは、親ノードが折りたたまれるときに子ノードの非表示に使用されるアニメーション効果、イージング、および持続時間を決定します。型: Object デフォルト値: null
	collapseDelay	デフォルト値: 0 このオプションは、ノードが折りたたまれるまでの遅延時間の長さ（ミリ秒単位）を制御します。
	disabled	デフォルト値: false true に設定した場合、選択、クリック、チェックの操作もできなくなります。
	draggable	デフォルト値: null wijtree の jquery-ui-draggable プラグインをカスタマイズします。
	droppable	デフォルト値: null wijtree の jquery-ui-droppable プラグインをカスタマイズします。
	dropVisual	デフォルト値：null ノードの挿入先の位置を表示するために使用されるヘルパー要素をカスタマイズします。関数を指定する場合は、DOMElementを返す必要があります。
	expandAnimation	型：wijmo.tree.wijtree_animation expandAnimationオプションは、親ノードが展開されたときに子ノードを表示にするアニメーションの効果、イージング、および長さを決定します。
	expandCollapseHoverUsed	デフォルト値: false expandCollapseHoverUsed オプションを true に設定した場合、展開/折りたたみボタンにマウスを合わせたときにツリーが展開または折りたたまれます。
	expandDelay	デフォルト値: 0 expandDelay オプションは、ノードが展開されるまでの遅延時間の長さ（ミリ秒単位）を制御します。
	nodes	デフォルト値: null wijtree のデータソースとして子ノードのオブジェクト配列を設定します。
	showCheckBoxes	デフォルト値: false showCheckBoxes オプションを true に設定した場合、ツリーノードにノードチェックボックスが表示されます。
	showExpandCollapse	デフォルト値: true showExpandCollapse オプションは、ツリーが展開された状態と折りたたまれた状態のどちらで表示されるかを決定します。"false" に設定した場合、wijtree ウィジェットは展開された状態で表示されます。

トップ

メソッド

	名前	解説
	add	add メソッドは、ツリーウィジェットにノードを追加します。
	destroy	destroy メソッドは、wijtree 機能を完全に除去し、要素を初期化前の状態に戻します。
	findNodeByText	findNodeByText メソッドは、指定したノードテキストによってノードを検索します。
	getCheckedNodes	getCheckedNodes メソッドは、チェックされているノードを取得します。
	getNodes	getNodes メソッドは、現在のツリーのルートノードを含む配列を取得します。
	getSelectedNodes	getSelectedNodes メソッドは、選択されているノードを取得します。
	remove	remove メソッドは、wijtree 要素から指定したノードを削除します。
	widget	オリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。

トップ

イベント

	名前	解説
	nodeBeforeDropped	nodeBeforeDropped イベントハンドラは、ドラッグ可能ノードが別の位置にドロップされる前に呼び出されます。イベントハンドラが false を返した場合、ドロップアクションは起こりません。
	nodeBlur	nodeBlur イベントは、ノードがフォーカスを失ったときに発生します。
	nodeCheckChanged	nodeCheckChanged イベントは、ノードがチェックされたときに発生します。
	nodeCheckChanging	nodeCheckChanging イベントは、ノードがチェックされる前に発生します。false を返すことによってこのイベントをキャンセルできます。
	nodeClick	nodeClick イベントは、ツリーノードがクリックされたときに発生します。
	nodeCollapsed	nodeExpanding イベントは、ツリーノードが折りたたまれたときに発生します。
	nodeCollapsing	nodeCollapsing イベントは、ノードが折りたたまれる前に発生します。このイベントは、false を返すことによってキャンセルできます。
	nodeDragging	nodeDragging イベントハンドラ。ドラッグ＆ドロップ操作中にノードが移動されたときに呼び出される関数。
	nodeDragStarted	nodeDragStarted イベントは、ユーザーがノードのドラッグを開始したときに発生します。
	nodeDropped	nodeDropped イベントは、受け入れ可能なドラッグ可能ノードが別の位置にドロップされたときに呼び出されます。
	nodeExpanded	nodeExpanded イベントハンドラ。ノードが展開されたときに呼び出される関数。
	nodeExpanding	nodeExpanding イベントは、ツリーノードが展開される前に発生します。このイベントは、false を返すことによってキャンセルできます。
	nodeFocus	nodeFocus イベントは、ノードがフォーカスを受け取ったときに発生します。
	nodeMouseOut	nodeMouseOut イベントは、ユーザーがノードからマウスポインタを離したときに発生します。
	nodeMouseOver	nodeMouseOver イベントは、ユーザーがノードの上にマウスポインタを置いたときに発生します。
	nodeTextChanged	nodeTextChanged イベントは、ノードのテキストが変更されたときに発生します。
	selectedNodeChanged	selectedNodeChanged イベントは、選択されたノードが変更されたときに発生します。

トップ

関連トピック

参照