`
郑云飞
  • 浏览: 814694 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery tree

阅读更多
<script type="text/javascript">
		$(function(){
			$('#tt2').tree({
				url: '<%=basePath%>admin.json',
				onClick:function(node){
					$(this).tree('toggle', node.target);
					if(node.attributes!=undefined)
					{
					  addTab(node.text, node.attributes.url);
					}
				}
			});
		});
		function reload(){
			$('#tt2').tree('reload');
		}
	</script>

 

[
 {"id":1,"text":"我的菜单","state":"open",
    "children":
              [
              
     {"id":2,"text":"预约挂号统计报表","state":"closed",
     "children":
                [
                 {"id":3,"text":"医院统计报表","attributes":{"url":"hospitalTongji.jsp"}},
                
                 {"id":4,"text":"科室统计报表","attributes":{"url":"KeshiTongji.jsp"}}
                 
                ]
     },
   
          {"id":5,"text":"统计查询","state":"closed",
     "children":
                [
                 {"id":6,"text":"统计查询","attributes":{"url":"sample.jsp"}},
                
                 {"id":7,"text":"查看挂号","attributes":{"url":"guahao.jsp"}}
                 
                ]
     },

      {"id":8,"text":"综合统计报表","state":"closed",
     "children":
                [
                 {"id":9,"text":"综合统计","attributes":{"url":"initZongheTongjizhuanjiaAction"}},
                {"id":9,"text":"各医院预约订单数量统计报表","attributes":{"url":"test/tongji08.jsp"}},
		{"id":9,"text":"各医院预约订单来源及类别统计报表","attributes":{"url":"test/tongji04.jsp"}},
		{"id":9,"text":"用户满意度调查统计报表","attributes":{"url":"test/tongji07.jsp"}},
		{"id":9,"text":"全省医院各科室预约情况分析(可排序,可输出直方图或饼图)","attributes":{"url":"test/tongji06.jsp"}},
                 {"id":10,"text":"统计时间","attributes":{"url":"guahao.jsp"}}
                 
                ]
     },
      {"id":11,"text":"用户管理","state":"closed",
     "children":
                [
                {"id":12,"text":"医院管理","attributes":{"url":"test/addHospital.jsp"}},
                  {"id":13,"text":"科室管理","attributes":{"url":"test/addKeshi.jsp"}},
                  {"id":14,"text":"专家管理","attributes":{"url":"test/addZhuanjia.jsp"}}
                 
                ]
     }

 

	  ]
     
   }
   
  

 ]

 效果图

分享到:
评论

相关推荐

    jquerytree async 异步

    **jQueryTree Async 异步加载详解** 在Web开发中,数据的异步加载已经成为提高用户体验的重要手段。jQueryTree是一款基于jQuery的树形控件,它支持异步加载数据,允许用户在需要时按需获取数据,减少初始页面加载...

    jquery tree样式多样

    在IT行业中,jQuery Tree是一种广泛使用的JavaScript库,用于在网页上创建交互式的树形结构,尤其适用于数据组织和导航。jQuery Tree的样式多样性是其一大亮点,它允许开发者根据项目需求定制各种外观和功能,从而...

    一个jquery tree插件

    **jQuery Tree插件详解** jQuery Tree插件是一种基于JavaScript库jQuery的交互式树形视图组件,用于在网页上创建可折叠、可展开的层级结构,通常用于展示目录、文件系统或者组织数据。这种插件使得用户能够以更加...

    几款JQuery Tree Plug-in简单比较

    在本文中,我们将探讨几款常用的JQuery Tree插件,并进行一次简单的比较,以帮助开发者选择最适合他们项目需求的插件。JQuery Tree插件主要用于创建可交互的、层次化的目录结构,通常用于文件管理系统、组织结构展示...

    Jquery Tree 插件,增加文件过滤功能

    在IT领域,jQuery Tree插件是一种广泛用于网页端的数据展示工具,它允许用户以树状结构展示数据,常用于文件目录、组织结构或导航菜单的呈现。本话题将深入探讨如何为jQuery Tree添加文件过滤功能,以提升用户体验并...

    jqueryTree 例子

    《jQueryTree:构建高效左菜单树的实例解析》 在Web开发中,为了提供用户友好的界面和良好的导航体验,菜单树是一种常见的设计元素。尤其是对于内容丰富的网站或应用程序,左侧菜单树能够清晰地组织和展示层次结构...

    jquery tree插件 运用方法

    jquery tree插件 运用方法

    JQuery Tree例子里面包含了JQuery库

    JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库JQuery Tree例子里面包含了JQuery库

    jQUERY TREE

    而"JqueryTree脚本.doc"则可能是关于jQuery Tree的使用指南或教程,包括如何初始化、添加节点、删除节点、展开/折叠节点等功能的说明。 7. **Ajax交互** 在实际应用中,树的数据可能来自服务器,因此需要使用Ajax...

    jquerytree.rar

    《jQuery Tree:构建高效导航的利器》 在Web开发中,树形结构是一种常见的数据展现方式,它能够清晰地组织和展示层次化的信息,尤其适用于菜单、文件系统或组织架构等场景。jQuery Tree是一个强大的JavaScript库,...

    jquery tree层进式导航树

    在IT领域,jQuery Tree是一种广泛使用的交互式层进式导航工具,它允许用户以树状结构展示数据,常用于网站的菜单系统、文件目录浏览或数据分类。此项目基于jQuery UI 1.9.1版本进行改造,适用于那些仍然依赖于这个...

    27款jQuery Tree 树形结构插件

    在网页开发中,jQuery Tree 插件是一种常用的工具,用于展示数据的树形结构,通常用于文件系统、组织结构或层级关系的展现。这里我们列举了12款不同的jQuery Tree插件,它们各自具有独特的特性和优势。 1. **jQuery...

    JQueryTree

    **jQueryTree:强大的JavaScript树形插件** jQueryTree是一款基于jQuery的树形插件,它以其易用性和灵活性而受到开发者的青睐。该插件能够快速地将JSON对象转换为可交互的树结构,适用于数据展示、目录导航、文件...

    jquerytree.zip

    《jQuery Tree实现与Vue迁移详解》 在网页开发中,数据结构的可视化展示常常成为提升用户体验的关键。jQuery Tree是一款基于jQuery库实现的树形控件,它可以将层级数据以树状结构展示,常用于文件系统、组织架构...

    jquerytree

    1. **jquerytree.sql**: 这个文件可能是数据库脚本,用于创建与 `jQuery Tree` 配合使用的 MySQL 数据表结构。它可能包含创建表、插入初始数据或设置索引的 SQL 语句。 2. **JqueryTree**: 这个文件可能是一个压缩...

    jquerytree控件.rar

    这个"jquerytree控件.rar"压缩包可能包含了一个实现这种功能的JavaScript库,以及相关的图标和样式资源,用于定制和美化树形视图。 一、jQuery Tree控件的基本原理 jQuery Tree控件基于流行的JavaScript库jQuery...

    jQuery tree 无穷节点 的 树插件

    在IT领域,jQuery Tree插件是一种广泛用于网页端的数据展示工具,特别适合处理层次结构的数据,如目录结构、组织架构等。"jQuery tree 无穷节点的树插件"标题所指,是专为处理无限深度节点设计的一款插件,这意味着...

    jQuery tree树,里面有两个树的例子

    在IT行业中,jQuery Tree是一种基于jQuery库实现的可交互的树形数据结构组件。它允许用户以层次结构展示数据,通常用于网站导航、文件系统显示或者组织复杂的分类信息。在这个主题下,我们将深入探讨两个jQuery Tree...

    jQueryTree

    《jQueryTree:构建直观易用的树形菜单》 在Web开发中,树形菜单是一种常见的用户界面元素,用于组织和展示层次结构的数据。jQueryTree是基于jQuery库的一个插件,它提供了一种简单快捷的方式来创建这样的交互式...

Global site tag (gtag.js) - Google Analytics