TreeView插件 API
2016-07-09 12:31
302 查看
一、 安装
1、 在html中引入 fuelux.treeview.min.js
2、 插入html代码:
3、插入script代码:
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'}]
1、 在html中引入 fuelux.treeview.min.js
2、 插入html代码:
<div id="tree1" class="tree"></div>
3、插入script代码:
dataSource = function(parentData, callback){../[/code]
});
$('#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'}]
相关文章推荐
- Codeforces Round #358 (Div. 2) -- D. Alyona and Strings (DP)
- asp.net GridView中使用RadioButton单选按钮的方法
- Win7 EFS 加密文件图解
- 最近公共祖先 LCA 倍增算法
- Android5.0 新特性--CardView
- 51nod1295 XOR key
- ios 弹出框
- 详解神秘Linux内核
- mongodb的修改器
- 初识python之简单方便及一些注意事项
- 最长回文子串
- 反射与内省
- Java中的equals和hashCode方法详解
- First Missing Positive
- Shell中字符串反转的几种技巧
- IOS实现中间凸起圆形TabBar
- 解读PHP数组排序
- Linux ffmpeg命令的介绍与使用
- 哈密顿回路
- 02.Redis主从集群的Sentinel配置