当前位置:  编程技术>java/j2ee

JSP 动态树的实现

    来源: 互联网  发布时间:2014-10-17

    本文导语:  第一步:在开始之前我们需要准备这么一个js文件,代码如下。我姑且将它命名为tree.js。 代码如下:function Node(id, pid, name, url, title, target, icon, iconOpen, open, appendedStr) {     this.id = id;     this.pid = pid;     this.name = name;     ...

第一步:在开始之前我们需要准备这么一个js文件,代码如下。我姑且将它命名为tree.js。
代码如下:

function Node(id, pid, name, url, title, target, icon, iconOpen, open, appendedStr) {
    this.id = id;
    this.pid = pid;
    this.name = name;
    this.url = url;
    this.title = title;
    this.target = target;

    this.icon = icon;
    this.iconOpen = iconOpen;

    this.appendedStr = appendedStr;

    this._io = open || false;
    this._is = false;
    this._ls = false;
    this._hc = false;
    this._ai = 0;
    this._p;
};
// Tree object
function tree(objName,path) {
    this.path = path;
    this.config = {
        target                    : null,
        folderLinks            : true,
        useSelection        : true,
        useCookies            : true,
        useLines                : true,
        useIcons                : true,
        useStatusText        : false,
        closeSameLevel    : false,
        inOrder                    : false
    }
    this.icon = {
        root                : path + 'TreeDemo/images/tree_base.gif',
        folder            : path + 'TreeDemo/images/tree_folder.gif',
        folderOpen    : path + 'TreeDemo/images/tree_folderopen.gif',
        node                : path + 'TreeDemo/images/tree_folder.gif',
        empty                : path + 'TreeDemo/images/tree_empty.gif',
        line                : path + 'TreeDemo/images/tree_line.gif',
        join                : path + 'TreeDemo/images/tree_join.gif',
        joinBottom    : path + 'TreeDemo/images/tree_joinbottom.gif',
        plus                : path + 'TreeDemo/images/tree_plus.gif',
        plusBottom    : path + 'TreeDemo/images/tree_plusbottom.gif',
        minus                : path + 'TreeDemo/images/tree_minus.gif',
        minusBottom    : path + 'TreeDemo/images/tree_minusbottom.gif',
        nlPlus            : path + 'TreeDemo/images/tree_nolines_plus.gif',
        nlMinus            : path + 'TreeDemo/images/tree_nolines_minus.gif'
    };
    this.obj = objName;
    this.aNodes = [];
    this.aIndent = [];
    this.root = new Node(-1);
    this.selectedNode = null;
    this.selectedFound = false;
    this.completed = false;
};
// Adds a new node to the node array
tree.prototype.add = function(id, pid, name, url, title, target, icon, iconOpen, open, appendedStr) {
    this.aNodes[this.aNodes.length] = new Node(id, pid, name, url, title, target, icon, iconOpen, open, appendedStr);
};
// Open/close all nodes
tree.prototype.openAll = function() {
    this.oAll(true);
};
tree.prototype.closeAll = function() {
    this.oAll(false);
};
// Outputs the tree to the page
tree.prototype.toString = function() {
    var str = '
n';
    if (document.getElementById) {
        if (this.config.useCookies) this.selectedNode = this.getSelected();
        str += this.addNode(this.root);
    } else str += 'Browser not supported.';
    str += '
';
    if (!this.selectedFound) this.selectedNode = null;
    this.completed = true;
    return str;
};
// Creates the tree structure
tree.prototype.addNode = function(pNode) {
    var str = '';
    var n=0;
    if (this.config.inOrder) n = pNode._ai;
    for (n; n


    
        
            















        d = new tree('d','../');
        
         d.add(,,'')
        
         d.add(,,'',parent.getUrlByCatalogId(''),null,'list');
        
document.write(d);

            
        
    



第八步:创建一个框架页面,index.html代码如下,和list_default.htm。
代码如下:






function getUrlByCatalogId(catalogId) {
return "TreeDemo/content_add.jsp?catalogId="+catalogId;
}













function getUrlByCatalogId(catalogId) {
return "TreeDemo/content_add.jsp?catalogId="+catalogId;
}










第九步:运行效果
备注:如有需要源码的请直接联系QQ398349538。

    
 
 

您可能感兴趣的文章:

  • jsp显示server数据库的内容,如何实现定时更新jsp页面
  • 帮帮新手,jsp面向对象吗?想把c/s结构的引用用jsp改写,交互功能可以实现吗
  • 一个框界网爷包含上下两个网页a1.jsp和a2.jsp,怎么实现a1.jsp自身不变且提交数据到下面的a2.jsp呢?不胜感激,急..
  • 请问在jsp中如何实现相对路径?我在jsp文件中指定相对路径的文件,可是程序找不到!
  • 怎么用Jsp实现在页面实现树型结构?
  • ******"Servlet根据JSP视图的需求生成JavaBeans的实例并输出给JSP环境"如何实现上面这句话的效果??*******
  • 在ASP中可以轻易实现,不知道在JSP中能否实现?
  • 在jsp中如何实现页面的重新指向?
  • 在JSP中如何实现重新定向到其他页面?
  • 在JSP中如何实现MD5加密?
  • 怎么实现jsp中的页面跳转
  • JSP调用EJB如何实现耦合度最底
  • JSP的SESSION能存贮数组吗?我想实现“购物车”功能?
  • 〔help〕有关JSP实现注册用户中的类型问题?
  • 求助:用JSP实现统计来访人数,请问怎样实现?
  • 调试jsp的时如何实现像asp中的response.end的效果
  • 在jsp 中如何实现像asp 中的页面弹出式的菜单
  • ****怎样在局域网里实现JSP的访问!!!!******************
  • jsp实现点击help打开chm文件
  • JSP中如何实现动态select选项框?
  • 为什么动态生成的图片,JSP不能动态的获得
  • [求助]如何将用jsp写成的动态页面(*.jsp), 转换成静态页面(*.html)???
  • ?100分求jsp树的原代码 最好是jsp+js+xml 执行效率要高。(从数据库中动态生成的)(散分)
  • 100分求jsp树的原代码 最好是jsp+js+xml 执行效率要高。(从数据库中动态生成的)在线
  • 求jsp树的原代码,一定要是jsp+js+xml 执行效率要高。(从数据库中动态生成的)
  • 最近有jsp的一本书,好像叫《JSP开发动态网站》,请问确切名称、出版社、价格、作者(网上查不到)
  • JSP动态缓存 JimStoneCache
  • JSP下动态INCLUDE与静态INCLUDE的区别分析
  • 怎么用JSP动态查询EXCEL文件中的数据????????????????????
  • JSP中动态include与静态include的区别介绍
  • 如何在jsp中动态包含一个jsp文件?
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JSP中清空cookie代码参考
  • 现有1.jsp、2.jsp、3.jsp三个文件,我怎么在3.jsp文件中得到1.jsp中输入的值?
  • 请问jsp和serlet之间怎么通讯,jsp和jsp之间呢?
  • 请问<%@include file="abc.jsp"%>与<jsp:include page="abc.jsp"/>之间的差别
  • response.sendRedirect("index.jsp") 和 <jsp:forward page="index.jsp"/>的区别?
  • 想把一个jsp转到另一个jsp页面,要穿参数,中文的(jsp变量)。谁教教我?!
  • aaa.jsp有如下链接,当单击该链接时将id值传递给bbb.jsp,怎样在bbb.jsp中引用这个id值?
  • jsp+bean还是jsp+ejb还是jsp+servlet还是asp+activex好?
  • 谁能告诉我,怎么调试jsp程序呀!我在jsp中调用java,但是Tomcat这家伙只会给我报jsp文件出错。这可怎么办呀?
  • jsp中如何获得当前jsp文件所在的目录,用request.getServletPath()得到的路径含有jsp文件名,有没有办法得到目录(不含文件名)?
  • 初学jsp,一个html调用一个jsp,这个jsp调用一个javaBean,已编译成类,最后如何部署(用j2sdkee)?
  • 我要学jsp,已经下载了j2ee1.4,需要一个支持jsp引擎的WEB服务器或jsp引擎!!(急,马上给分)
  • jsp中相对路径怎么表示?例如当前目录下的jsp目录里的文件。
  • 我已经在输出前包含了<jsp:include page="2.jsp"/>,
  • 欲学JSP,请教JSP资料,最好电子版。
  • jsp中文乱码 jsp mysql 乱码的解决方法
  • jsp+JavaBean vs jsp+Servlet+JavaBean
  • JSP/html 编辑器 Bravo JSP editor
  • JSP开发入门(五)--JSP其他相关资源
  • <jsp:include page="SystemLeft.jsp?TypeId=<%= itTypeId.toString() %>" flush="true" />
  • 用JBUILDER如何调试一个JSP工程,一次只运行一个JSP页面?


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3