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'}]

转载于:https://www.cnblogs.com/yjtm53/p/5655618.html