SimpleTree使用起来比较方便,它实现了最基本的树形菜单的功能,包括1个JS文件、1个CSS文件和5个图标文件。

使用时只要将相关文件复制到项目中,并在相应的页面引用它就行,例如:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>SimpleTree</title>
<link rel="stylesheet" type="text/css" href="js/tree_themes/SimpleTree.css"/>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/SimpleTree.js"></script>
<script type="text/javascript">
$(function(){
$(".st_tree").SimpleTree({
click:function(a){
if(!$(a).attr("hasChild"))
alert($(a).attr("ref"));
}
});
});
</script>
</head>
<body> <div class="st_tree">
<ul>
<li><a href="#" ref="hyjm">欢迎界面</a></li>
<li><a href="#" ref="xtgl">系统管理</a></li>
<ul show="true">
<li><a href="#" ref="yhgl">用户管理</a></li>
<li><a href="#" ref="rzck">日志查看</a></li>
</ul>
<li><a href="#" ref="ckgl">仓库管理</a></li>
<ul>
<li><a href="#" ref="kcgl">库存管理</a></li>
<li><a href="#" ref="shgl">收货管理</a></li>
<li><a href="#" ref="fhgl">发货管理</a></li>
<ul>
<li><a href="#" ref="yhgl">用户管理</a></li>
<li><a href="#" ref="rzck">日志查看</a></li>
</ul>
</ul>
</ul>
</div> </body>
</html>

上面代码在IE8中执行结果如图:

在Chrome里执行如图:

下面是自己手写的树形:

$.post("${pageContext.request.contextPath}/rest/baseStation/treesList",function(result){
if(!result.status){
alert(result.data);
return;
}
var str = "";
for(var i=0;i<result.data.length;i++){
//不是分组数据,不执行查询树节点操作
if(result.data[i].groupsid){
continue;
}
str+='<ul style="padding-left:0;">'
+'<li><a href="#">'+(result.data[i].groupsname==null?result.data[i].name:result.data[i].groupsname)+'</a></li>';
if(result.data[i].children && result.data[i].children.length>0){
str+=getStr(result.data[i].children);
}
str+='</ul>';
}
$(".company_Tree").html(str);
$(".company_Tree").SimpleTree({
click:function(a){
if(!$(a).attr("hasChild"))
alert($(a).attr("ref"));
}/* ,
afterClick:function(node){
console.log(node);
} */
}); });
});
function getStr(child){
var str = '<ul show="true">';
for(var i=0;i<child.length;i++){
//给树节点添加单机事件(必须是基站)
if(child[i].isnode==0){
str+='<li><a href="javascript:void(0);" onclick="showStationInfo(\''+child[i].id+'\')">'+(child[i].groupsname==null?child[i].name:child[i].groupsname)+'</a></li>';
}else{
str+='<li><a href="#">'+(child[i].groupsname==null?child[i].name:child[i].groupsname)+'</a></li>';
}
if(child[i].children && child[i].children.length>0){
str+=getStr(child[i].children);
}
}
str+='</ul>';
return str;
}

展示样式:

aaarticlea/png;base64,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" alt="" />

simpleTree简单使用的更多相关文章

  1. 一个基于jQuery的简单树形菜单

    在工作中的项目使用的是一个前端基于 jQuery easyui 的一个系统,其中左侧的主菜单使用的是 easyui 中的 tree 组件,不是太熟悉,不过感觉不是太好用. 比如 easyui 中的 t ...

  2. 【造轮子】打造一个简单的万能Excel读写工具

    大家工作或者平时是不是经常遇到要读写一些简单格式的Excel? shit!~很蛋疼,因为之前吹牛,就搞了个这东西,还算是挺实用,和大家分享下. 厌烦了每次搞简单类型的Excel读写?不怕~来,喜欢流式 ...

  3. Fabio 安装和简单使用

    Fabio(Go 语言):https://github.com/eBay/fabio Fabio 是一个快速.现代.zero-conf 负载均衡 HTTP(S) 路由器,用于部署 Consul 管理的 ...

  4. node.js学习(三)简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  5. 哪种缓存效果高?开源一个简单的缓存组件j2cache

    背景 现在的web系统已经越来越多的应用缓存技术,而且缓存技术确实是能实足的增强系统性能的.我在项目中也开始接触一些缓存的需求. 开始简单的就用jvm(java托管内存)来做缓存,这样对于单个应用服务 ...

  6. 在Openfire上弄一个简单的推送系统

    推送系统 说是推送系统有点大,其实就是一个消息广播功能吧.作用其实也就是由服务端接收到消息然后推送到订阅的客户端. 思路 对于推送最关键的是服务端向客户端发送数据,客户端向服务端订阅自己想要的消息.这 ...

  7. 我的MYSQL学习心得(一) 简单语法

    我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...

  8. 使用 Nodejs 搭建简单的Web服务器

    使用Nodejs搭建Web服务器是学习Node.js比较全面的入门教程,因为要完成一个简单的Web服务器,你需要学习Nodejs中几个比较重要的模块,比如:http协议模块.文件系统.url解析模块. ...

  9. ASP.NET Aries 入门开发教程2:配置出一个简单的列表页面

    前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...

随机推荐

  1. oracle中的连接查询与合并查询总结

    连接查询: 连接查询是指基于多张表或视图的查询.使用连接查询时,应指定有效的查询条件,不然可能会导致生成笛卡尔积.如现有部门表dept,员工表emp,以下查询因查询条件无效,而产生笛卡尔积:   (各 ...

  2. 利用flexbox实现按字符长度排列dom元素

    说明:请使用chrome浏览器打开 See the Pen pvyjGV by lilyH (@lilyH) on CodePen. 如上图所示,我们你要实现的效果就是,(1)在一行中显示两块元素:( ...

  3. MVC中你必须知道的13个扩展点

    MVC中你必须知道的13个扩展点 pasting 转:http://www.cnblogs.com/kirinboy/archive/2009/06/01/13-asp-net-mvc-extensi ...

  4. PHP基础之 继承(一)

    ========================================= *                 继承 extends *============================ ...

  5. PHP基础之 string 字符串函数

    /*=================常用字符串处理函数================== ltrim();        //去掉字符串左边的空格 rtrim();         //去掉字符串 ...

  6. Windows下如何修改php.ini的访问路径?

    Windows下,用 IIS跑PHP,有个缺点,那就是一定要把 php.ini 放在 Windows 的系统路径下 (C:/Windows) .不过,可以通过以下方式修改访问路径: 第一步: 把PHP ...

  7. 关于Dijkstra最短路径算法

    Dijkstra算法,不是很明白,今天找了一些博客看了一下,决定自己也写一个为以后忘记的时候可以看做准备. 实际上,如果理解没错的话,该算法实际上和枚举法有点像,只不过,在选取出发路径的路径都是最短路 ...

  8. laravel路由基础

    基础: 所有的laravel路由都定义在 app/Http/routes.php 这个文件里,会被框架自带加载.简单的路由会接受一个URI和一个Closure类. Route::get('foo', ...

  9. CSS选择器的特殊性和LOVE HA

    在CSS中当几个相同的选择器对同一个元素有不同的规则时,该怎么应用这些规则呢? 答案就是:CSS特殊性(CSS specificity) 选择器特殊性有选择器本身组成,特殊性由4个数值表述:0, 0, ...

  10. BZOJ 3363: [Usaco2004 Feb]Cow Marathon 奶牛马拉松

    Description 给你一个图,两个点至多有一条路径,求最长的一条路径. \(n \leqslant 4\times 10^4\) Sol DFS?DP? 这就是一棵树,方向什么的都没用... 然 ...