TreeView插件 API

一、 安裝

1、 在html中引入 fuelux.treeview.min.js

2、 插入html代碼：

 <div id="tree1" class="tree"></div>
 

 

3、插入script代碼：

dataSource = function(parentData, callback){
../
});
$('#tree1').ace_tree({       
   dataSource: dataSource
});

 

4、插件的Options、 Method和Event的API:

Options：

1. multiSelect: boolean 默認false,  一次是否能選中多個條目
2. folderSelect: boolean 默認true， 是否能選中文件夾的條目
3. loadingHTML: String 當加載dom時顯示的內容，如 '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>'
4. 'open-icon'和 'close-icon': String 展開和關閉時的icon樣式，如：'ace-icon fa fa-folder-open'
5. 'selectable'： boolean  當前條目是否能被選中
6. 'selected-icon' 和 'unselected-icon'： String 選中和取消選中時icon樣式的改變, 沒有改變為null

Method :

1 .tree('selectedItems')  返回選中項的對象數組，如： [{name: 'Apartments', type: 'item'},{name: 'Villas', type: 'item'}]