jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。 本经验是 【jQuery EasyUI从入门到精通】系列教程的第27部分,在第26部分的基础上继续讲述 jQuery EasyUI Web Demos之Tree(树)。
工具/原料
1
笔记本电脑或台式机
2
互联网
3
jQuery EasyUI
4
Tree(树)
方法/步骤
1Tree Lines - jQuery EasyUI Demo
Tree Lines(树线),This sample shows how to show tree lines(这个例子展示如何显示树线).
Tree Lines
This sample shows how to show tree lines.
2
Tree Lines(树线)运行效果如下图所示。
3Tree Node Icons - jQuery EasyUI Demo
Tree Node Icons(树节点的图标),This sample illustrates how to add icons to tree node(这个示例演示了如何将图标添加到树节点).
Tree Node Icons
This sample illustrates how to add icons to tree node.
4
Tree Node Icons(树节点的图标),运行效果如下图所示:
5Tree Actions - jQuery EasyUI Demo
Tree Actions(树的操作),Click the buttons below to perform actions(单击下面的按钮来执行操作).
Tree Actions
Click the buttons below to perform actions.
6
Tree Actions(树的操作),运行效果如下图所示。
注意事项
jQuery EasyUI插件依赖于JQuery,需要在easyui.min.js之前引入JQuery库
下一篇:大树中单怎么出装