前端JS開發架構-DHTMLX--dhtmlXTree

標籤：des   style   blog   http   color   io   os   使用   ar   

 

介紹

 

　　dhtmlxTree是一個功能豐富的JavaScript樹菜單  它允許您快速添加一個好看的,基於ajax的web頁面的分層樹。

　　treeview支援線上節點編輯、先進的拖放,三態複選框等等。由於特殊的技巧,這個JavaScript樹控制項能夠迅速和有效地載入大資料。

　　線上Demo案例

 　  線上原文API

特徵：

 

　　注意,一些功能僅在專業版可用。下面的API說明中 標有pro標識的方法 是專業版本才提供的特性

　　1.跨瀏覽器安全色性(Chrome,Firefox,Google,Safari,IE)支援ie6哦

　　2.支援RTL

 　  3.支援多種資料來源格式(XML, JavaScript, JSON, CSV)

　　4.可線上編輯

　　5.伺服器端整合dhtmlxConnector

　　6.支援鍵盤方向鍵操作

　　7.支援多選

　　8.支援右鍵菜單

　　9.進階拖放功能

　　10.與dhtmlxGrid的拖放互動

　　11.全面的js api

　　12.動態載入大資料

　　13.智能xml解析

　　14.智能渲染大資料樹

　　15.xml的序列化

　　16.複選框(兩個/三個州,禁用/隱藏),選項按鈕

　　17.可定製的外觀

　　18.無限的使用者節點資料

 

 

中文API

 

方法

assignKeys(pro)	用於配置鍵盤導航鍵
attachEvent	添加自訂事件
changeItemId	更改某項id
clearCut	取消選中項的剪下
clearSelection(pro)	取消選擇樹中的項
closeAllItems	摺疊所有節點
closeItem	摺疊一個節點
deleteChildItems	刪除某節點下的所有的子節點
deleteItem	刪除一個節點(某節點以及所有子節點)
destructor	刪除樹和清除記憶體
detachEvent	刪除自訂事件
disableCheckbox	禁用複選框
doCut	剪下選中項
doPaste	粘貼選中項
editItem	編輯某項(by id)
enableActiveImages	使圖片能夠點擊或者拖動,預設情況下只有文字才可以
enableAutoSavingSelected(pro)	在cookie中啟用或者禁用自動儲存選擇的節點
enableAutoTooltips(pro)	開啟節點本文的提示tooltip
enableCheckBoxes	顯示或者隱藏所有複選框
enableContextMenu(pro)	開啟右鍵菜單
enableDistributedParsing(pro)	開啟大資料樹的分布解析 (項目項載入部分的部分逾時)
enableDragAndDrop	開啟/禁用拖放
enableDragAndDropScrolling	在拖放操作中啟用/禁用自動滾動
enableHighlighting	開啟項的文字高亮 (當滑鼠移上去的時候)
enableIEImageFix	用背景圖片取代img標籤 來解決ie6下的圖片緩衝問題
enableImageDrag	開啟點擊項的表徵圖也能夠拖動該項 (預設只有項的文本可以)
enableItemEditor	開啟允許編輯條目的文本
enableKeySearch(pro)	開啟項可以按關鍵字檢索
enableKeyboardNavigation(pro)	開啟在樹上可以鍵盤導航
enableLoadingItem(pro)	開啟/禁用 "loading..." 項
enableMercyDrag(pro)	開啟拖動的時候不刪除項(複製不移動)
enableMultiLineItems(pro)	開啟文本換行
enableMultiselection(pro)	開啟多選
enableRTL(pro)	開啟RLT模式
enableRadioButtons(pro)	開啟使用選項按鈕
enableSingleRadioMode(pro)	開啟單選模式
enableSmartCheckboxes(pro)	開啟智能複選框
enableSmartRendering(pro)	開啟智能渲染模式
enableSmartXMLParsing(pro)	啟用/禁用智能xml解析模式
enableTextSigns(pro)	用文本標誌代替圖片的(展開摺疊表徵圖)
enableThreeStateCheckboxes	開啟三態複選框(級聯選中父節點)
enableTreeImages	顯示/隱藏 樹節點icon
enableTreeLines	啟用/禁用 樹的線條樣式
findItem(pro)	通過文本尋找某項, 選中並聚焦
findItemIdByLabel(pro)	通過文本尋找某項
getAllChecked	返回所有選中的節點id的集合,預設分隔符號分隔
getAllCheckedBranches	返回所有選中的複選框和是三態複選框的節點id的集合,預設分隔符號分隔
getAllChildless	擷取所有子節點id的集合 ,預設分隔符號分隔
getAllItemsWithKids	返回有子節點項的集合,預設分隔符號分隔
getAllPartiallyChecked	返回所有選中的並且是三態複選框的節點id的集合,預設分隔符號分隔
getAllSubItems	返回所有子層次下的子嵌套集合(相對於指定的項)
getAllUnchecked	返回複選框沒有被選擇的節點集合,預設分隔符號分隔
getChildItemIdByIndex	通過index擷取子節點id
getDistributedParsingState(pro)	得到目前狀態分布的解析
getIndexById	通過id擷取節點在子集合中的下標
getItemColor	擷取項的顏色
getItemIdByIndex	通過節點下標擷取節點id
getItemImage(pro)	擷取節點圖片的路徑
getItemParsingState(pro)	擷取當前項的解析狀態
getItemText	擷取節點文本
getItemTooltip	擷取項的 tooltip
getLevel	擷取節點等級 (位置階層)
getOpenState	擷取節點開閉的狀態
getParentId	獲得父節點id
getSelectedItemId	擷取選中節點id
getSelectedItemText	擷取選中節點文本
getSubItems	返回一級子節點的id集合
getUserData	擷取使用者資料
getXMLState(pro)	擷取當前載入xml的狀態
hasChildren	擷取子節點的數目
insertNewChild	插入新的子節點
insertNewItem	插入新項
insertNewNext	在指定項旁插入新項
isItemChecked	擷取項的選中狀態
isLocked(pro)	是否鎖定 鎖定返回true
loadCSV	從csv file檔案中載入樹的資料來源
loadCSVString	從csv 字串中載入樹的資料來源
loadJSArray	從數組對象中載入樹的資料來源
loadJSArrayFile	從數組對象檔案中載入樹的資料來源
loadJSON	從json檔案中載入樹的資料來源
loadJSONObject	從json對象中載入樹的資料來源
loadOpenStates(pro)	從cookie恢複開啟的節點
loadState(pro)	從cookie中載入樹
loadXML	從xml檔案中載入資料來源
loadXMLString	從xml 字串中載入資料來源
lockItem(pro)	鎖定或者解鎖某一項
lockTree(pro)	鎖定樹
makeAllDraggable	給所有樹節點添加拖放功能
makeDraggable	添加一個拖放功能到一個html對象中
moveItem	移動一項(inside of tree)
openAllItems	展開所有節點
openAllItemsDynamic(pro)	展開目標節點和所有子節點 (the same as openallitems, but works in dynamic trees)
openItem	展開一個節點
openItemsDynamic(pro)	展開動態載入的樹節點 (載入結束再展開)
openOnItemAdded(pro)	在給一個節點添加子節點後 該節點則成為展開的父節點
preventIECaching	通過在url中添加隨機值來防止緩衝
refreshItem	從xml中重新整理項
refreshItems(pro)	重新整理指定節點 (只更新xml資料來源中的指定內容)
registerXMLEntity(pro)	初始化時候替換xml中的實體內容(default are: ampersand, lessthen and greaterthen 運算子)
restoreSelectedItem(pro)	從cookie中恢複選擇的項
saveOpenStates(pro)	儲存開啟的節點到cookie
saveSelectedItem(pro)	將選擇項到cookie
saveState(pro)	儲存到cookie
selectItem	選擇指定節點
serializeTree(pro)	序列化成樹的xml格式
serializeTreeToJSON	序列化成樹的json格式
setCheck	設定節點的複選框的狀態
setChildCalcHTML(pro)	設定Cross Signs首碼和尾碼的文本符號（預設[]）
setChildCalcMode(pro)	sets children calculation mode
setCustomSortFunction(pro)	設定自訂排序函數 有兩個參數
setDataMode	設定一個預設的資料轉送模式
setDragBehavior(pro)	設定拖允許存取為
setEditStartAction	定義了哪些事件必須開始編輯的過程(雙擊或者單擊)
setEscapingMode	設定編碼格式(用於轉義id請求)
setIconSize(pro)	設定icons的尺寸
setIconsPath	定義表徵圖icon檔案夾的路徑
setImageArrays	自訂樹的圖片樣式(線,加號,減號)
setImagesPath	定義imgs檔案夾的路徑
setItemCloseable	阻止某項關閉
setItemColor	設定項文本的顏色
setItemContextMenu(pro)	為單獨項設定右鍵菜單
setItemImage	設定項的圖片
setItemStyle	設定單獨項的樣式
setItemText	設定一個新節點的文本(可以是html)
setItemTopOffset(pro)	為某項設定頂部位移
setListDelimeter(pro)	設定list的分隔字元預設 (",")
setLockedIcons(pro)	為 locked 項設定表徵圖
setSerializationLevel(pro)	配置xml序列化
setSkin	設定皮膚
setStdImages	設定預設圖片節點(之前必須被稱為xml載入)
setSubChecked	設定節點以及所有子節點的複選框狀態
setUserData	設定目標節點的使用者資料
setXMLAutoLoading	允許動態載入xml
setXMLAutoLoadingBehaviour(pro)	動態載入 傳到伺服器id的資料
showItemCheckbox(pro)	顯示/隱藏 樹節點的某項的複選框
showItemSign(pro)	顯示/隱藏 (+/-) 表徵圖
smartRefreshBranch(pro)	重新整理指定子項 (從伺服器獲得xml,添加新節點、刪除未使用的節點)
smartRefreshItem(pro)	重新整理指定項 (從伺服器獲得xml,添加新節點、刪除未使用的節點)
sortTree(pro)	排序
stopEdit	停止編輯
updateItem(pro)	修改項目的屬性

事件

onAllOpenDynamic	當所有子節點載入完並開啟的時候觸發
onBeforeCheck	選中或取消選中一個項目之前觸發
onBeforeContextMenu	在滑鼠右鍵進行右鍵菜單前觸發
onBeforeDrag	當項開始拖動的時候觸發 (項被選擇並且滑鼠開始拖動時候)
onCheck	選中或取消選中事件(複選框)
onClick	點擊事件
onDblClick	雙擊事件
onDrag	指定項拖放到其它項上時觸發 但是在該項的運動處理之前觸發
onDragIn	指定項被拖放到某項上面時候觸發
onDrop	fires when drag-and-drop has already been processed; besides, fires when the nodes are moved programmatically
onEdit	4個不同的編輯階段觸發: 開始編輯前(可以被取消), 開始編輯後,結束編輯前 (可以被取消), 結束編輯後
onEditCancel	取消編輯後觸發
onKeyPress	鍵盤按鍵後觸發
onMouseIn	滑鼠移上去觸發
onMouseOut	滑鼠離開項的地區觸發
onOpenDynamicEnd	在該項的openitemsdynamic 方法觸發之後觸發
onOpenEnd	某項開啟後觸發
onOpenStart	某項開啟之前觸發
onRightClick	單擊右鍵觸發
onSelect	選擇某項後觸發
onXLE	xml載入完畢一組資料呈現後觸發
onXLS	xml載入開始時候觸發

 

 

返回導航頁面

前端JS開發架構-DHTMLX--dhtmlXTree