liger UI tree DATA添加值

最新推荐文章于 2017-08-07 11:05:02 发布

转载最新推荐文章于 2017-08-07 11:05:02 发布 · 922 阅读

html 同时被 2 个专栏收录

10 篇文章

订阅专栏

jquery

8 篇文章

订阅专栏

本文介绍如何使用ligerUI JavaScript库创建一个可交互的树形菜单。通过简单的HTML结构与ligerUI的API结合，可以实现具有展开、折叠等功能的树形导航结构。此外，还展示了如何设置树节点的宽度、图标等属性，并处理点击事件。

首先引入相应的 ligerUI 的css和js文件

1，html

2，初始化

$("#tree").ligerTree({ checkbox : false, parentIcon: null, childIcon: null , slide: false, //是否显示动画 nodeWidth: 100, idFieldName: 'id', textFieldName:'name' , //指定数据中要显示的属性名，默认为"text" data: treeData, onSelect: function (node) { if (!node.data.name) { return }; //处理导航树的点击事件TODO } });
var tree = $("#tree").ligerGetTreeManager();
//tree.setData(treeData) ; //或者这样设值

$("#tree").ligerTree({ checkbox: false, parentIcon: null, childIcon: null , slide: false, //是否显示动画 nodeWidth: 100, idFieldName: 'id', textFieldName:'name' , //指定数据中要显示的属性名，默认为"text" data: treeData, onSelect: function (node) { if (!node.data.name) { return }; //处理导航树的点击事件TODO } });
var tree = $("#tree").ligerGetTreeManager();
//tree.setData(treeData) ; //或者这样设值