js-tree

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

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

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

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

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

6、節(jié)點(diǎn)endEdit nodeEi 結(jié)束編輯一個(gè)節(jié)點(diǎn)cancelEdit nodeEi 取消編輯一個(gè)節(jié)點(diǎn)ExtJs ExtJs基于 基于 ExtJs ExtJsTreePanel TreePanel屬性： 屬性：root: Ext.tree.TreeNode root: Ext.tree.TreeNode 樹的根節(jié)點(diǎn)對象 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 的配置被打開，那么該屬性的值就是一個(gè) Ext.dd.D

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