多语言展示
当前在线:1744今日阅读:155今日分享:35

jQuery EasyUI入门到精通(27)Tree(2)

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(树)

方法/步骤
1

Tree Lines(树线),This sample shows how to show tree lines(这个例子展示如何显示树线).        Tree Lines - jQuery EasyUI Demo                       

Tree Lines

   

This sample shows how to show tree lines.

   
   
       
       

    2

    Tree Lines(树线)运行效果如下图所示。

    3

    Tree Node Icons(树节点的图标),This sample illustrates how to add icons to tree node(这个示例演示了如何将图标添加到树节点).        Tree Node Icons - jQuery EasyUI Demo                       

    Tree Node Icons

       

    This sample illustrates how to add icons to tree node.

       
       
           
         

      4

      Tree Node Icons(树节点的图标),运行效果如下图所示:

      5

      Tree Actions(树的操作),Click the buttons below to perform actions(单击下面的按钮来执行操作).        Tree Actions - jQuery EasyUI Demo                       

      Tree Actions

         

      Click the buttons below to perform actions.

         
              CollapseAll        ExpandAll        ExpandTo        GetSelected   
         
             
           
           

        6

        Tree Actions(树的操作),运行效果如下图所示。

        注意事项

        jQuery EasyUI插件依赖于JQuery,需要在easyui.min.js之前引入JQuery库

        推荐信息