jquery的ztree插件的使用(完成动态加载树型结构)

第一步:在left.jsp中

<script language="JavaScript" src="${pageContext.request.contextPath }/script/jquery-1.4.2.js"></script>

<script language="JavaScript" src="${pageContext.request.contextPath }/script/jquery-ztree-2.5.js"></script>

<script language="JavaScript" src="${pageContext.request.contextPath }/script/treeMenu.js"></script>

<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath }/css/menu.css" />

<link rel="stylesheet" href="${pageContext.request.contextPath }/css/zTreeStyle/zTreeStyle.css" type="text/css">

Left.jsp中使用<ul>

<TABLE border=0 width="20">

<TR>

<TD width=340px align=center valign=top>

<div class="zTreeDemoBackground">

<ul id="menuTree" class="tree" ></ul>

</div>

</TD>

</TR>

</TABLE>

第二步:在treeMenu.js中定义:

var menu = {

setting: {

isSimpleData: true,

treeNodeKey: "mid",

treeNodeParentKey: "pid",

showLine: true,

root: {

isRoot: true,

nodes: []

}

},

loadMenuTree:function(){

$.post("elecMenuAction_showMenu.do",{},function(data){

            $("#menuTree").zTree(menu.setting, data);

        });

}

};

$().ready(function(){

menu.loadMenuTree();

});

第三步:在Action中添加:

public String showMenu(){

//获取Session中存放的权限字符串(格式:[email protected]@ac)

String popedom = (String) request.getSession().getAttribute("globle_popedom");

//1:查询当前用户所具有的功能权限,使用权限,查询权限表,返回List<ElecPopedom>

List<ElecPopedom> list = elecRoleService.findPopedomListByUser(popedom);

//2:将list放置到栈顶,栈顶的对象转换成json数组的形式

ValueStackUtils.setValueStack(list);

    return "showMenu";

}

第四步:(hql语句嵌套查询),Service类定义:

public List<ElecPopedom> findPopedomListByUser(String popedom) {

//hql语句和sql语句的嵌套查询

String condition = " and o.mid IN(‘"+popedom.replace("@", "‘,‘")+"‘) AND isMenu = ?";

Object [] params = {true};

Map<String, String> orderby = new LinkedHashMap<String, String>();

orderby.put("o.mid", "asc");

List<ElecPopedom> list = elecPopedomDao.findCollectionByConditionNoPage(condition, params, orderby);

return list;

}

第五步:在struts.xml中添加:

<!-- 将集合压入到栈顶,集合返回页面的时候,转换成json的形式 -->

<result name="showMenu" type="json"></result>

时间: 2024-10-05 04:19:35

jquery的ztree插件的使用(完成动态加载树型结构)的相关文章

jQuery 动态加载树

本案例中用到了jquery的 tree插件,在本文的附件中可以下载 jsp代码: <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request

ExtJS 动态加载树treepanel

先来看看效果: 一.新建一个TreeStore,并添加根节点 Ext.define('Demo1.store.TreeDemoStore', { extend: 'Ext.data.TreeStore', root: { text: '目录树', id: 0 } }); 二.在view中添加treepanel,绑定TreeDemoStore Ext.define('Demo1.view.MyViewport', { extend: 'Ext.container.Viewport', initCo

zTree 树形控件 ajax动态加载数据

很久没搞过树形控件了 , 再次接触看官网文档有点没懂,于是在网上找了个代码copy上,但数据是写死的,就想这在用ajax异步取出数据替换,下面是js代码 <SCRIPT type="text/javascript" > //定义全局ztree数据 var zNodes; /* 初始化ztree数据 */ function initZtree(){ $.ajax({ type: "GET", url: "<%=request.getCont

ExtJS 创建动态加载树

Ext 中导航树的创建有两种方式:1.首先将所有的数据读出来,然后绑定到前台页面.2.每点击一个节点展开后加载子节点.在数据量比较小的时候使用第一种方式加载的会快一些,然而当数据量比较大的时候,我还是建议使用第二种方式的.这里我就来介绍一下第二种树的展示方式. 源码奉上: 1 //创建model 2 Ext.define("treeModel",{ 3 extend:"Ext.data.Model", 4 fields:["OUID","

左侧动态加载树,右侧显示树节点的信息

<%@ page contentType="text/html;charset=UTF-8" language="java" %><!DOCTYPE html><!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]--><!--[if IE 9]> <html lang="en

easyui_tree 复选框 动态加载树

controller动态获取单位用户树 #region 下拉树菜单 /// <summary> /// 获取工作人员树菜单 /// </summary> /// <param name="addid"></param> /// <param name="unitid"></param> /// <returns></returns> public string GetUs

携程Android App插件化和动态加载实践

携程Android App的插件化和动态加载框架已上线半年,经历了初期的探索和持续的打磨优化,新框架和工程配置经受住了生产实践的考验.本文将详细介绍Android平台插件式开发和动态加载技术的原理和实现细节,回顾携程Android App的架构演化过程,期望我们的经验能帮助到更多的Android工程师. 需求驱动 2014年,随着业务发展需要和携程无线部门的拆分,各业务产品模块归属到各业务BU,原有携程无线App开发团队被分为基础框架.酒店.机票.火车票等多个开发团队,从此携程App的开发和发布

js 动态加载事件的几种方法总结

本篇文章主要是对js 动态加载事件的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 有些时候需要动态加载javascript事件的一些方法往往我们需要在 JS 中动态添加事件,这就涉及到浏览器兼容性问题了,以下谈及的几种方法,我们也常常混合使用. 方法一.setAttributevar obj = document.getElementById("obj");obj.setAttribute("onclick", "javasc

Android动态加载那些事儿

基础 1.Java 类加载器 类加载器(class loader)是 Java?中的一个很重要的概念.类加载器负责加载 Java 类的字节代码到 Java 虚拟机中.本文首先详细介绍了 Java 类加载器的基本概念,包括代理模式.加载类的具体过程和线程上下文类加载器等,接着介绍如何开发自己的类加载器,最后介绍了类加载器在 Web 容器和 OSGi?中的应用. 2.反射原理 Java 提供的反射機制允許您於執行時期動態載入類別.檢視類別資訊.生成物件或操作生成的物件,要舉反射機制的一個應用實例,就