一、 安装
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:
- multiSelect: boolean 默认false, 一次是否能选中多个条目
- folderSelect: boolean 默认true, 是否能选中文件夹的条目
- loadingHTML: String 当加载dom时显示的内容,如 '<div class="tree-loading"><i class="ace-icon fa fa-refresh fa-spin blue"></i></div>'
- 'open-icon'和 'close-icon': String 展开和关闭时的icon样式,如:'ace-icon fa fa-folder-open'
- 'selectable': boolean 当前条目是否能被选中
- 'selected-icon' 和 'unselected-icon': String 选中和取消选中时icon样式的改变, 没有改变为null
Method :
1 .tree('selectedItems') 返回选中项的对象数组,如: [{name: 'Apartments', type: 'item'},{name: 'Villas', type: 'item'}]