js-tree

1、Tree( Tree(樹)介紹 介紹基于 基于 jQurey UI jQurey UI這個插件能夠把無序列表轉(zhuǎn)換成可展開與收縮的 Tree。支持 XML，JSON，Html 三種數(shù)據(jù)源。 提供創(chuàng)建，重命名，移動，刪除，拖\放節(jié)點操作。 可以自己自定義創(chuàng)建，刪除，嵌套，重命名，選擇節(jié)點的規(guī)則。在這些操作上可以添加多種監(jiān)聽事件。屬性： 屬性：選項名 類型 描述 默認值url 字符串 一個網(wǎng)址 retrive 遠程數(shù)據(jù)。 nullanimat

2、e 布爾 當(dāng)節(jié)點展開或折疊是否顯示動畫效果。 falsecheckbox 布爾 是否帶復(fù)選框 Falsemethod 字符串 如果定義動畫效果時顯示節(jié)點展開或折疊。 postcaseadeCheck 布爾 定義一個層疊約束。 TrueonlyLeafCheck 布爾 定義顯示子節(jié)點在復(fù)選框內(nèi) Falsednd 布爾 定義一個拖放 Falsedata 數(shù)組 節(jié)點數(shù)據(jù)加載 Null事件： 事件：許多事件回調(diào)函數(shù)可以采取'節(jié)點參數(shù)，它

3、包含以下屬性：身份：一個標(biāo)識值綁定到的節(jié)點。文本：文本將顯示。約束：是否節(jié)點約束。屬性：自定義屬性綁定到節(jié)點。目標(biāo)： DOM 對象目標(biāo)。事件名 參數(shù) 描述 onClick node 用戶點擊一個節(jié)點時觸發(fā)。，該節(jié)點參數(shù)包含以下屬性id:節(jié)點 ID text:節(jié)點的文本attributes:節(jié)點自定義屬性target:點擊 DOM 對象的目標(biāo)onDblClick node 用戶雙擊一個節(jié)點時觸發(fā)，參數(shù)同 onclick 事件onLoadS

4、uccess arguments 加 載 數(shù) 據(jù) 成 功 時 觸 發(fā) ， 參 數(shù) arguments 類 似jQuery.ajax.的 success 函數(shù)onLoadError arguments 加 載 數(shù) 據(jù) 成 功 時 觸 發(fā) ， 參 數(shù) arguments 類 似jQuery.ajax.的 error 函數(shù)onBeforeExpand node 之前的節(jié)點是展開，返回取消此展開。onExpand node 當(dāng)節(jié)點擴展。onBe

5、foreCollapse node 節(jié)點崩潰前取消崩潰作用。onCheck node,checked 用戶點擊復(fù)選框。onBeforeSelect node 選擇一個節(jié)點，返回該動作。onSelect node 挑選一個節(jié)點。onContexMenu e,node 右鍵點擊onDrop target, 當(dāng)節(jié)點下降。enableDnd None 啟動拖動disableDnd None 結(jié)束拖動beginEdit nodeEi 開始編輯一個

6、節(jié)點endEdit nodeEi 結(jié)束編輯一個節(jié)點cancelEdit nodeEi 取消編輯一個節(jié)點ExtJs ExtJs基于 基于 ExtJs ExtJsTreePanel TreePanel屬性： 屬性：root: Ext.tree.TreeNode root: Ext.tree.TreeNode 樹的根節(jié)點對象 dropZone: Ext.tree.TreeDropZone dropZone: Ext.tree.TreeDrop

7、Zone 若干置下有效的話，tree 所用的 dropZonedragZone: Ext.tree.TreeDragZone dragZone: Ext.tree.TreeDragZone 若干拖動有效的話，tree 所用的 dragZoneheader: Ext.Element header: Ext.Element 面板的頭部元素 Element。只讀的。body: Ext.Element body: Ext.Element 面板的

8、軀干元素 Element 用于承載 HTML 內(nèi)容。footer: Ext.Element footer: Ext.Element 面板的底部元素 Element。只讀的。buttons: Array buttons: Array 面板的按鈕組成的數(shù)組。只讀的。dd: Ext.dd.DragSource. dd: Ext.dd.DragSource. 如果面板的 draggable 的配置被打開，那么該屬性的值就是一個 Ext.dd.D

9、ragSource 實例，代表著是誰負責(zé)拖動該面板。items: MixedCollection items: MixedCollection 此容器的組件集合，類型為 Ext.util.MixedCollectiinitialConfig: Object initialConfig: Object 組件初始化配置項。只讀的。el: Ext.Element el: Ext.Element 該組件的 Ext.Element 元素對象。只讀