Wijmo UI for the Web
wijtree jQuery ウィジェット
項目を階層型のツリー構造で表示します。折りたたみ/展開のアニメーション、スタイリッシュなテーマ、ドラッグアンドドロップ機能などを使用できます。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.tree.wijtree.options
     
    $(".selector").wijtree(options);
});
Javascript (Specification) 
function wijtree() : any;
オプション
 名前解説
public オプションallowDrag

デフォルト値: false

allowDrag オプションを true に設定した場合、ツリーノードをドラッグできます。

 
public オプションallowDrop

デフォルト値: false

allowDrop を true に設定した場合、1 つのツリーノードを別のツリーノードの中にドロップできます。

 
public オプションallowEdit

デフォルト値: false

allowEdit オプションを true に設定した場合、ユーザーが実行時にツリーノードを編集できます。

 
public オプションallowSorting

デフォルト値: true

allowSorting オプションを true に設定した場合、実行時に[s]キーを押すことによってツリーノードをソートできます。

 
public オプションallowTriState

デフォルト値: true

allowTriState オプションを true に設定した場合、ツリーノードは 3 つの状態をとります。つまり、ノードチェックボックスをオン、オフ、不定のいずれかの状態にすることができます。このオプションは showCheckBoxes オプションと組み合わせて使用する必要があります。

 
public オプションautoCheckNodes

デフォルト値: true

autoCheckNodes オプションを true に設定した場合、親ノードがチェックされたときにサブノードもチェックされます。このオプションを使用するためには、showCheckboxes を "true" に設定する必要があります。

 
public オプションautoCollapse

デフォルト値: false

このオプションを true に設定した場合、別のノードが展開されるときに現在展開しているノードが折りたたまれます。

 
public オプションcollapseAnimation

collapseAnimation オプションは、親ノードが折りたたまれるときに子ノードの非表示に使用されるアニメーション効果、イージング、および持続時間を決定します。

型: Object

デフォルト値: null

 
public オプションcollapseDelay

デフォルト値: 0

このオプションは、ノードが折りたたまれるまでの遅延時間の長さ(ミリ秒単位)を制御します。

 
public オプションdisabled

デフォルト値: false

true に設定した場合、選択、クリック、チェックの操作もできなくなります。

 
public オプションdraggable

デフォルト値: null

wijtree の jquery-ui-draggable プラグインをカスタマイズします。

 
public オプションdroppable

デフォルト値: null

wijtree の jquery-ui-droppable プラグインをカスタマイズします。

 
public オプションdropVisual

デフォルト値:null

ノードの挿入先の位置を表示するために使用されるヘルパー要素をカスタマイズします。関数を指定する場合は、DOMElementを返す必要があります。

 
public オプションexpandAnimation

型:wijmo.tree.wijtree_animation

expandAnimationオプションは、親ノードが展開されたときに子ノードを表示にするアニメーションの効果、イージング、および長さを決定します。

 
public オプションexpandCollapseHoverUsed

デフォルト値: false

expandCollapseHoverUsed オプションを true に設定した場合、展開/折りたたみボタンにマウスを合わせたときにツリーが展開または折りたたまれます。

 
public オプションexpandDelay

デフォルト値: 0

expandDelay オプションは、ノードが展開されるまでの遅延時間の長さ(ミリ秒単位)を制御します。

 
public オプションnodes

デフォルト値: null

wijtree のデータソースとして子ノードのオブジェクト配列を設定します。

 
public オプションshowCheckBoxes

デフォルト値: false

showCheckBoxes オプションを true に設定した場合、ツリーノードにノードチェックボックスが表示されます。

 
public オプションshowExpandCollapse

デフォルト値: true

showExpandCollapse オプションは、ツリーが展開された状態と折りたたまれた状態のどちらで表示されるかを決定します。"false" に設定した場合、wijtree ウィジェットは展開された状態で表示されます。

 
トップ
メソッド
 名前解説
public メソッドaddadd メソッドは、ツリーウィジェットにノードを追加します。  
public メソッドdestroydestroy メソッドは、wijtree 機能を完全に除去し、要素を初期化前の状態に戻します。  
public メソッドfindNodeByTextfindNodeByText メソッドは、指定したノードテキストによってノードを検索します。  
public メソッドgetCheckedNodesgetCheckedNodes メソッドは、チェックされているノードを取得します。  
public メソッドgetNodesgetNodes メソッドは、現在のツリーのルートノードを含む配列を取得します。  
public メソッドgetSelectedNodesgetSelectedNodes メソッドは、選択されているノードを取得します。  
public メソッドremoveremove メソッドは、wijtree 要素から指定したノードを削除します。  
public メソッドwidgetオリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントnodeBeforeDroppednodeBeforeDropped イベントハンドラは、ドラッグ可能ノードが別の位置にドロップされる前に呼び出されます。イベントハンドラが false を返した場合、ドロップアクションは起こりません。  
public イベントnodeBlurnodeBlur イベントは、ノードがフォーカスを失ったときに発生します。  
public イベントnodeCheckChangednodeCheckChanged イベントは、ノードがチェックされたときに発生します。  
public イベントnodeCheckChangingnodeCheckChanging イベントは、ノードがチェックされる前に発生します。false を返すことによってこのイベントをキャンセルできます。  
public イベントnodeClicknodeClick イベントは、ツリーノードがクリックされたときに発生します。  
public イベントnodeCollapsednodeExpanding イベントは、ツリーノードが折りたたまれたときに発生します。  
public イベントnodeCollapsingnodeCollapsing イベントは、ノードが折りたたまれる前に発生します。このイベントは、false を返すことによってキャンセルできます。  
public イベントnodeDraggingnodeDragging イベントハンドラ。ドラッグ&ドロップ操作中にノードが移動されたときに呼び出される関数。  
public イベントnodeDragStartednodeDragStarted イベントは、ユーザーがノードのドラッグを開始したときに発生します。  
public イベントnodeDroppednodeDropped イベントは、受け入れ可能なドラッグ可能ノードが別の位置にドロップされたときに呼び出されます。  
public イベントnodeExpandednodeExpanded イベントハンドラ。ノードが展開されたときに呼び出される関数。  
public イベントnodeExpandingnodeExpanding イベントは、ツリーノードが展開される前に発生します。このイベントは、false を返すことによってキャンセルできます。  
public イベントnodeFocusnodeFocus イベントは、ノードがフォーカスを受け取ったときに発生します。  
public イベントnodeMouseOutnodeMouseOut イベントは、ユーザーがノードからマウスポインタを離したときに発生します。  
public イベントnodeMouseOvernodeMouseOver イベントは、ユーザーがノードの上にマウスポインタを置いたときに発生します。  
public イベントnodeTextChangednodeTextChanged イベントは、ノードのテキストが変更されたときに発生します。  
public イベントselectedNodeChangedselectedNodeChanged イベントは、選択されたノードが変更されたときに発生します。  
トップ

関連トピック

参照

Tree
wijtree jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.