首页 > 技术文章 > TreeView插件 API

yjtm53 2016-07-09 12:31 原文

一、 安装

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

推荐阅读