注意:已经迁移到https://github.com/jsvnadmin/jsvnadmin
源码下载
http://jsvnadmin.googlecode.com/svn/trunk/
http://code.google.com/p/jsvnadmin/
不用脚本的树,使用
纯粹html的<ul><li>,通过css显示为树。
加了段ajax 脚本,使用jquery从后台获取数据,返回的是
纯粹的现成的html,不需要使用js创建多余的对象。速度超快。
我还封装了ajax接口,树接口,节点接口等,可以实现把树配置在数据库,树还可以挂子树...每一层树都有对应的service服务层来获取数据,以达到无限的可能。
tree
|_tree
|_tree
|_tree
|_tree
html 树 css 树 无限级html树 ajax 树,顶!!!
<html>
<head>
<script type="text/javascript" src="../lib/jquery.js"></script>
<script type="text/javascript" src="treeview/treeview.js"></script>
<link type="text/css" rel="stylesheet" href="treeview/treeview.css"></link>
<script type="text/javascript">
<!--
AjaxTreeView.config.onclick=function(o,a){
var p=o.getAttribute("param");if(p==null)p="";
var url="/svnadmin/pjauth";
if(url!=""){
if(p!=""){
if(url.indexOf("?")>0){
url=url+"&"+p;
}else{
url=url+"?"+p;
}
}
alert(url);
go(url,"pjauthWindow");
return false;
}
};
//-->
</script>
</head>
<body>
<div style="width: 300px; height: 500px; overflow: auto;"
class="filetree treeview">
<ul>
<li param="pj=projar&path=/" treeid="rep" class="open lastopen">
<div onclick="$att(this);" class="hit open-hit lastopen-hit"></div> <span
onclick="$att(this);" class="folder"> <a onclick="$atc(this)"
href="javascript:void(0);" id="rootlink">svn://127.0.0.1/projar/</a>
</span>
<ul>
<li treeparentid="rep"
class="closed">
<div onclick="$att(this);" class="hit closed-hit"></div> <span
onclick="$att(this);" class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">tabs</a></span>
</li>
<li treeparentid="rep"
class="open lastopen"><div onclick="$att(this);"
class="hit open-hit lastopen-hit"></div> <span
onclick="$att(this);" class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">trunk</a></span>
<ul>
<li treeparentid="rep" class="closed"><div onclick="$att(this);"
class="hit closed-hit"></div> <span onclick="$att(this);"
class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">.myeclipse</a></span></li>
<li treeparentid="rep"
class="closed"><div onclick="$att(this);"
class="hit closed-hit"></div> <span onclick="$att(this);"
class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">.settings</a></span></li>
<li treeparentid="rep"
class="closed"><div onclick="$att(this);"
class="hit closed-hit"></div> <span onclick="$att(this);"
class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">resources</a></span></li>
<li treeparentid="rep"
class="closed"><div onclick="$att(this);"
class="hit closed-hit"></div> <span onclick="$att(this);"
class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">src</a></span></li>
<li treeparentid="rep"
class="closed"><div onclick="$att(this);"
class="hit closed-hit"></div> <span onclick="$att(this);"
class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">WebRoot</a></span></li>
<li treeparentid="rep"
class="closed"><div onclick="$att(this);"
class="hit closed-hit"></div> <span onclick="$att(this);"
class="folder"><a onclick="$atc(this)"
href="javascript:void(0);">中文</a></span></li>
<li><span
class="file"><a onclick="$atc(this)"
href="javascript:void(0);">.classpath</a></span></li>
<li><span
class="file"><a onclick="$atc(this)"
href="javascript:void(0);">.mymetadata</a></span></li>
<li class="last"><span
class="file"><a onclick="$atc(this)"
href="javascript:void(0);">.project</a></span></li>
</ul></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
分享到:
相关推荐
内容索引:脚本资源,Ajax/JavaScript,CNLTreeMenu 一个无限级的JS+CSS树形菜单插件,CNLTreeMenu v1.2,调用方法简单,代码简洁,使用也很多,而且自带3种风格样式可以选择,兼容:IE6/7/8+, FF+, Opera9+ 等众多...
2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3...
自带3种风格的js TreeView树形菜单插件,"CNL Tree Menu"为无限级树形,兼容以下版本的浏览器:IE5.0 , FF1.06 , Opera8.5 ……HTML,CSS,JavaScript代码相互分离(即数据,风格,脚本三者分离),可应用于多种场合,...
UI:传统html css,美观 漂亮 大方 实用 js框架:jquery 系统大部分使用AJAX操作。大大提高了用户体验 功能描述: 1.支持N级菜单导航,菜单显示方式支持目前支持2种模式分别: 菜单(无限级),横向(2级) 2.表单...
UI:传统html css,美观 漂亮 大方 实用 js框架:jquery 系统大部分使用AJAX操作。大大提高了用户体验 功能描述: 1.支持N级菜单导航,菜单显示方式支持目前支持2种模式分别: 菜单(无限级),横向(2级) 2.表单...
5、Angelcms在显示列表数量时,页面可选生成静态,大大减轻服务器的负担、没有造成资源浪费,经过几百万数据量的测试结果显示,加快了浏览的访问速度。 6、Angelcms可根据上传多张图片,生成自定义的预览小图,避免...
系统UI,给人感觉非常好,体积小巧,速度快 该源码是适用用于应用系统后台模块的管理(可扩展至支持集中化的权限管理平台), 0.支持N级菜单导航,菜单显示方式支持目前支持2种模式分别:菜单(无限级),横向(2级...
5、Angelcms在显示列表数量时,页面可选生成静态,大大减轻服务器的负担、没有造成资源浪费,经过几百万数据量的测试结果显示,加快了浏览的访问速度。 6、Angelcms可根据上传多张图片,生成自定义的预览小图,避免...
经过开发人员的优化,生成速度非常快,操作便捷。可以根据需要设置每次生成的页数! 3、 系统由文章模型、广告系统、会员中心、小友情链接、公告、调查等20多个功能模块组成。 用户可以选择性的购买和安装所需...
全站生成div css的html静态页面,前台绝大部分交互式代码采用ajax技术; 界面清秀经典,功能丰富多彩; 一、网站配置 1、基本信息:服务器基本信息及网站内容统计信息等; 2、基本设置:设置网站的基本资料...
系统UI,给人感觉非常好,体积小巧,速度快 该源码是适用用于应用系统后台模块的管理(可扩展至支持集中化的权限管理平台), 0.支持N级菜单导航,菜单显示方式支持目前支持2种模式分别:菜单(无限级),横向(2级...
主要功能点:高安全性的用户管理体系、高安全性的异构系统数据导入导出、拼音检索、复合检索、无限级次数据管理、个性化邮件群发、Excel文件导入导出。 技术点 ADO.Net技术应用、SQLServer、MD5安全算法、基于NPOI的...
19、独创标签AJAX输出,采用无刷新ajax分页技术,不仅栏目生成速度大大提高,还有效的防止列表被采集,标签可支持ajax->table,ajax->div+css,table,div+css四种调用方式,独创标签导入导出功能,让您更方便标签的...
UI:传统html css,美观 漂亮 大方 实用 js框架:jquery 系统大部分使用AJAX操作。大大提高了用户体验 功能描述: 1.支持N级菜单导航,菜单显示方式支持目前支持2种模式分别: 菜单(无限级),横向(2级) 2....
SEO优化 :DIV+CSS生成静态页,访问流量统计 批处理文件 :删除修改等操作批量处理 AJAX技术 :无刷新会员登陆,超时自动登陆 数据采集 :新闻文章内容采集 丰富的互动 :评论,留言,邮件,短信,顶踩,投票等 安全...
经过开发人员的优化,生成速度非常快,操作便捷。可以根据需要设置每次生成的页数! 3、 系统由文章模型、广告系统、会员中心、小友情链接、公告、调查等20多个功能模块组成。 用户可以选择性的购买和安装所...
经过开发人员的优化,生成速度非常快,操作便捷。可以根据需要设置每次生成的页数! 3、 系统由文章模型、广告系统、会员中心、小友情链接、公告、调查等20多个功能模块组成。 用户可以选择性的购买和安装所...
经过开发人员的优化,生成速度非常快,操作便捷。可以根据需要设置每次生成的页数! 3、 系统由文章模型、广告系统、会员中心、小友情链接、公告、调查等20多个功能模块组成。 用户可以选择性的购买和安装所需...
页面使用DIV CSS模板设计机制构建,严格遵守XHTML制作标准,完全兼容各主流浏览器(IE、Firefox、Opera等),风格定制简单到仅需一个css文件和数个图片即可。发布系统用户数据可与任何第三方系统实现完美整合,现有...
丰富的缓存机制,支持对象透明缓存和页面多级缓存,超简单、超易用、可扩展。后台管理全部采用局部刷新技术。特别介绍:门户(CMS)可直接拖拽页面布局,页面风格所见即所得,使用超级简单;可以生成 html 静态页面,...