jsTreeプラグインの概要(3)


UI-plugin
JSTreeのUIプラグイン:選択、選択しない、マウスのツリーオプションを処理するプラグイン.
一、属性は以下を含む:
1、select_limit:一度にいくつかのノードを選択できるように指定します.デフォルトは-1で、選択に制限がないことを示します.
2、select_multiple_modifier:あるキーを押すと、マウスで他のノードをクリックしてすべて選択できます.(ファイルディレクトリでctrlを押しながらマウスで他のディレクトリまたはファイルを選択するのと同様).デフォルトのキーは「ctrl」で、「shift」、「alt」などで代用できます.
3、select_range_modifier:まずノードを選択し、キーを押してから別のノードをマウスでクリックします.これにより、windowsでファイルシステムで選択したshiftのように、2つのノードの間の部分が選択され、2つのノードが含まれます.デフォルトのオプションはshiftで、ctrl、altなどで代用できます.
注:このオプションを使用するには、兄弟ノードを選択する必要があります.
4、select_parent_close:選択したノードの親ノードが閉じたときに親ノードが選択されているかどうか.select_parentの場合は親ノードが閉じられている場合は親ノードが選択され、falseとdeselectの場合は親ノードが閉じている場合は親ノードが選択されません.デフォルトはselect_parentです.
5、select_parent_Open:プログラムの実行中にノードが選択され、そのノードのノードがすべて閉じられている場合、閉じた親ノードを自動的に開きます.デフォルトはtrue
6、select_prev_on_delete:ノードを削除すると、デフォルトで前の兄弟ノードが選択され、前の兄弟ノードがない場合は親ノードが選択されます.デフォルトはtrue
7、disable_selecting_children:デフォルトはfalseで、trueに設定すると、このノードのサブノードを選択できません.(検証対象)
8、initially_select:ツリーのロードが完了すると、デフォルトで選択されているノードは、ノードのid値で識別する必要があります.
公式のコードを貼る
<div class="panel">



<h3>Using the UI plugin</h3>

<div id="demo1" class="demo">
	<ul>
		<li id="phtml_1">
			<a href="#">Root node 1</a>
			<ul>
				<li id="phtml_2">
					<a href="#">Child node 1</a>
				</li>
				<li id="phtml_3">
					<a href="#">Child node 2</a>
				</li>
			</ul>
		</li>
		<li id="phtml_4">
			<a href="#">Root node 2</a>
		</li>
	</ul>

</div>

<script type="text/javascript" class="source">

$(function () {

	$("#demo1").jstree({ 

		"ui" : {
			"select_limit" : 2,
			"select_multiple_modifier" : "ctrl",
			"selected_parent_close" : "select_parent",
			"initially_select" : [ "phtml_2" ]
		},

		"core" : { "initially_open" : [ "phtml_1" ] },

		"plugins" : [ "themes", "html_data", "ui" ]

	});

});

</script>



</div>
二、関数は次のとおりです.
1、._get_Node(node,allow_multiple):coreコンポーネントを上書きしたget_node関数.
nodeがnullまたは定義されていない場合、allow_Multipleはtrueで、現在選択されているすべてのノードを返します.
nodeがnullまたは定義されていない場合、allow_Multipleはtrueではなく、最後に選択したノードを返します.
Node:ブレンドタイプで、Dom node、jQuery node、または本の要素の選択点を指すことができます.
allow_Multiple:すべてのノードまたはnodeがnullのときに最後に選択されたノードを返すかどうか.
2、.save_selected():ツリーノードが現在選択されている状態を保存します.(インプリメンテーションは変数に保存されるため、ページをリフレッシュしても存在しません).この関数はcookies pluginプラグインに関連しています.主に内部で使用され、イベントトリガ関数です.
3、.reselect():save_からselected()関数に保存されている変数リカバリツリーの状態は、主に内部で使用され、イベントトリガ関数です.
4、.refresh(node):coreコンポーネントのrefresh関数を上書きします.
[プリフラッシュ](Pre Refresh)チェックボックスにチェックマークを付けると、選択した状態とポストリカバリが保存されます.
5、.hover_node(node):ノードhoverd、イベントトリガ関数を設定します.
Node:mixed、ブレンドタイプ、Dom node、jQuery node、または本の要素の選択点を指すことができます.
6、dehover_Node():現在hoveredノード、イベント励起関数を削除します.
7、.select_node(node, check, event):
Node:mixed、ブレンドタイプ、Dom node、jQuery node、または本の要素の選択点を指すことができます.
check:boolは、ルール(select_limitオプションなどを検出)を検出し、適切なアクションを行うか、選択したノードのみを選択します.
event:event、内部で使用し、ノードをクリックするとこの動作がトリガーされます.
8、.deslect_node(node), .toggle_select(node):この2つの関数は、1つのノードの選択状態を制御します.deselect_Nodeはイベントを引き起こした.
9、.get_selected(context):選択したすべてのノードを返します.
10、.deselect_all(context):すべてのノードを補完します.
11、is_select(node):ノードが選択されているかどうかを返します.
本文のコードはhttp://download.csdn.net/detail/yizhizouxiaqu/4268775
のui_plugin.html
元の英語の住所は:http://www.jstree.com/documentation/ui