用户界面框架jQuery EasyUI示例大全之Tree

>

jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。

基本树

本示例主要演示了jQuery EasyUI基本的树,在左边可点击展开或折叠节点的箭头。【另附源代码供大家参考】

|在线Demo

动画树

本示例主要演示了jQuery EasyUI的动画树,将'animate'属性设置为true可应用动画效果。【另附源代码供大家参考】

|在线Demo

复选框树

本示例主要演示了jQuery EasyUI的复选框树,树节点具有复选框。【另附源代码供大家参考】

|在线Demo

树的线条

本演示主要展示了如何显示树的线条。【另附源代码供大家参考】

|在线Demo

树节点图标

此演示展示了如何将图标添加到树节点。【另附源代码供大家参考】

|在线Demo

树操作

本示例主要为大家介绍树的操作,点击下面的按钮来执行操作。【另附源代码供大家参考】

|在线Demo

树的上下文菜单

本演示主要为大家展示了树的上下文菜单,在节点上右键单击可显示上下文菜单。【另附源代码供大家参考】

|在线Demo

拖放树节点

本演示主要为大家展示了拖放树节点,按下鼠标并拖动一个节点到另一个位置。【另附源代码供大家参考】

|在线Demo

可编辑的树

本演示主要为大家展示可编辑的树,点击节点开始编辑,按回车键停止编辑或ESC键取消编辑。【另附源代码供大家参考】

|在线Demo

异步树

本演示主要展示了异步树,展开节点按需加载其子节点。【另附源代码供大家参考】

|在线Demo

延迟加载树节点

本演示主要展示了如何延迟加载树节点,获取完整层次树的数据,逐级延迟加载节点。【另附源代码供大家参考】

|在线Demo

格式化树节点

本演示主要展示了如何在节点上显示额外信息。【另附源代码供大家参考】

|在线Demo

你可能感兴趣的:(用户界面框架jQuery EasyUI示例大全之Tree)