一段生成treeview的js代码

最新推荐文章于 2022-07-05 16:34:30 发布
最新推荐文章于 2022-07-05 16:34:30 发布
阅读量1.2k 收藏
点赞数
分类专栏： asp 文章标签： border java vbscript function asp delphi
一段生成treeview的js代码
<html>
<head>
<title>ASP TreeView Exemple</title>
<meta name="author" content="Simon La Rochelle">
<meta name="description" content="This is an easy way to make a vb-like TreeView in ASP">

<script language='javascript'>

function ToggleDisplay(oButton, oItems) {

    if ((oItems.style.display == "") || (oItems.style.display == "none")) {
        oItems.style.display = "block";
        oButton.src = "http://www.chinaitpower.com/A/2004-09-06/minus.gif";
    }    else {
        oItems.style.display = "none";
        oButton.src = "http://www.chinaitpower.com/A/2004-09-06/plus.gif";
    }

    return false;

}

function HideDisplay(oItems) {

    oItems.style.display = "none";

}

function ShowDisplay(oItems) {

    oItems.style.display = "block";

}

</script>

</head>

<body bgcolor='#FFFFFF'>
<form action='TreeView.asp' method='post'>

<%

'HERE'S THE FIRST EXEMPLE (without checkboxes and links)
WriteHead "MyTreeView",1,"Exemple1",0,True,False,"",False
    WriteHead "MyTreeView",2,"Child1",1,True,False,"",False
        WriteHead "MyTreeView",3,"Child1-A",2,False,False,"",False
        WriteFoot
        WriteHead "MyTreeView",4,"Child1-B",2,False,False,"",False
        WriteFoot
        WriteHead "MyTreeView",5,"Child1-C",2,False,False,"",False
        WriteFoot
        WriteHead "MyTreeView",6,"Child1-D",2,False,False,"",False
        WriteFoot
    WriteFoot
    WriteHead "MyTreeView",7,"Child2",1,False,False,"",False
    WriteFoot
    WriteHead "MyTreeView",8,"Child3",1,False,False,"",False
    WriteFoot
    WriteHead "MyTreeView",9,"Child4",1,False,False,"",False
    WriteFoot
    WriteHead "MyTreeView",10,"Child5",1,False,False,"",False
    WriteFoot
WriteFoot

'Response.Write "<p>"

'HERE'S THE SECOND EXEMPLE (with checkboxes)
WriteHead "My2TreeView",1,"Exemple2",0,True,False,"",False
    WriteHead "My2TreeView",2,"Child1",1,True,False,"",False
        WriteHead "My2TreeView",3,"Child1-A",2,False,True,"",False
        WriteFoot
        WriteHead "My2TreeView",4,"Child1-B",2,False,True,"",False
        WriteFoot
        WriteHead "My2TreeView",5,"Child1-C",2,False,True,"",False
        WriteFoot
        WriteHead "My2TreeView",6,"Child1-D",2,False,True,"",False
        WriteFoot
    WriteFoot
    WriteHead "My2TreeView",7,"Child2",1,False,True,"",False
    WriteFoot
    WriteHead "My2TreeView",8,"Child3",1,False,True,"",False
    WriteFoot
    WriteHead "My2TreeView",9,"Child4",1,False,True,"",False
    WriteFoot
    WriteHead "My2TreeView",10,"Child5",1,False,True,"",False
    WriteFoot
WriteFoot

'Response.Write "<p>"

'HERE'S THE THIRD EXEMPLE (with links)
WriteHead "My3TreeView",1,"Development Sites",0,True,False,"",true
    WriteHead "My3TreeView",2,"Planet Source Code",1,True,False,"http://www.planetsourcecode.com",False
        WriteHead "My3TreeView",3,"Visual Basic",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.1/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",4,"Java / Javascript",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.2/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",5,"C / C++",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.3/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",6,"ASP / VbScript",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.4/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",7,"SQL",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.5/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",8,"Perl",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.6/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",9,"Delphi",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.7/qx/vb/default.htm",False
        WriteFoot
        WriteHead "My3TreeView",10,"PHP",2,False,False,"http://www.planetsourcecode.com/xq/ASP/lngWId.8/qx/vb/default.htm",False
        WriteFoot
    WriteFoot
    WriteHead "My3TreeView",11,"DevX",1,False,False,"http://www.devx.com",False
    WriteFoot
    WriteHead "My3TreeView",12,"MSDN",1,False,False,"http://msdn.microsoft.com",False
    WriteFoot
    WriteHead "My3TreeView",13,"4GuysFromRolla",1,False,False,"http://www.4guysfromrolla.com",False
    WriteFoot
    WriteHead "My3TreeView",14,"LearnASP",1,False,False,"http://www.learnasp.com",False
    WriteFoot
WriteFoot

%>

</form>
</body>
</html>

<%

'*********************************
'TREEVIEW SUBS
'*********************************

Sub WriteHead(TreeName,ItemID,ItemName,Level,IsParent,UseCheckBox,MyLink,IsOpn)

    Dim IsIE 'as boolean
    
    IsIE = (InStr(request.servervariables("HTTP_USER_AGENT"), "MSIE") > 0)

    'Spacing depends on what level you're at
    Select Case Level
        Case 1 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 2 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=36 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 3 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=72 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 4 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=108 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 5 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=144 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 6 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=180 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 7 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=216 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 8 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=252 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 9 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=288 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
        Case 10 : Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=324 HEIGHT=18 BORDER=0 ALT='><IMG SRC='http://www.chinaitpower.com/A/2004-09-06/dot1.gif' BORDER=0 ALT='>"
    End Select

    'If IsParent then put a plus sign else put a blank space
    If IsParent then
        'JsCode only if isIE
        If isIE then
            If IsOpn then
                Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/minus.gif' WIDTH=12 HEIGHT=10 ID='" & TreeName & ItemID & "Btn' ONCLICK='javascript:ToggleDisplay(" & TreeName & ItemID & "Btn, " & TreeName & ItemID & "chlds);' ALT BORDER='0'>"
            Else
                Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/plus.gif' WIDTH=12 HEIGHT=10 ID='" & TreeName & ItemID & "Btn' ONCLICK='javascript:ToggleDisplay(" & TreeName & ItemID & "Btn, " & TreeName & ItemID & "chlds);' ALT BORDER='0'>"
            End If
        Else
            If IsOpn then
                Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/minus.gif' WIDTH=12 HEIGHT=10 ID='" & TreeName & ItemID & "Btn' ALT BORDER='0'>"
            Else
                Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/plus.gif' WIDTH=12 HEIGHT=10 ID='" & TreeName & ItemID & "Btn' ALT BORDER='0'>"
            End if
        End If    
    Else
        If Level = 0 then
            Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/nosign2.gif' WIDTH=12 HEIGHT=10 ALT BORDER='0'>"
        Else
            Response.Write "<IMG SRC='http://www.chinaitpower.com/A/2004-09-06/nosign.gif' WIDTH=12 HEIGHT=10 ALT BORDER='0'>"
        End If
    End if
    
    'If UseCheckBox then show a checkbox else add space
    If UseCheckBox then
        Response.Write "<INPUT TYPE='checkbox' NAME='" & TreeName &"chk' VALUE='" & ItemID & "'>"
    Else
        Response.Write "<img src='http://www.chinaitpower.com/A/2004-09-06/t_dot.gif' WIDTH=4 HEIGHT=18 BORDER=0 ALT='>"
    End If
        
    Response.Write "<font face='Verdana,Arial,Helvetica' size='2' color='#333399'>"
    
    'If MyLink = "" then do not use link
    If MyLink = "" then
        'If first Level, use bold
        If Level = 0 then Response.Write "<b>" & ItemName & "</b>" else Response.Write ItemName
    Else
        'If first Level, use bold
        If Level = 0 then Response.Write "<b><a href='" & MyLink & "'><font color='#333399'>" & ItemName & "</a></b>" else Response.Write "<a href='" & MyLink & "'><font color='#333399'>" & ItemName & "</a>"
    End If

    Response.Write "</font>"
    Response.Write "<br>"
    
    'Always add DIV because WriteFoot() will close it
    Response.Write "<div ID='" & TreeName & ItemID & "chlds'>"
    
    'JsCode only if IsIE and if the section is not open
    If IsIE then
        If IsOpn then
            Response.Write "<script language='javascript'>ShowDisplay(" & TreeName & ItemID & "chlds);</script>"
        Else
            Response.Write "<script language='javascript'>HideDisplay(" & TreeName & ItemID & "chlds);</script>"
        End If
    End If

End Sub

Sub WriteFoot()

    Response.Write "</div>"

End Sub

%>
lgb571
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
tree树（JS自动生成treeview）
04-24
tree树、自动生成treeview形式（引用） <script type="text/javascript" src="dtree.js"></script> <div class="dtree" id="tree"> <script type="text/javascript"> <!-- d = new dTree('d'); d.add("ROOT_MENU",-1,'客户关系管理系统'); <c:forEach items="${user.sysRole.sysRoleRights}" var="me"> //var left = "<td width = '10' background='images/manage_06.gif'> </td>"; d.add('${me.id.sysRight.rightCode}','${me.id.sysRight.rightParentCode}','${me.id.sysRight.rightName}','${me.id.sysRight.rightUrl}','${me.id.sysRight.rightDesc}','mainFrame','','','','0'); </c:forEach> //document.write(d); document.getElementById("tree").innerHTML=d; //--> </script> </div>
jquery.treeview.js树控件的应用
weixin_34168880的博客
10-30 101
插件的官方网站： http://bassistance.de/jquery-plugins/jquery-plugin-treeview/官方提供的插件实例：http://jquery.bassistance.de/treeview/treeviewDemo.html 一、静态树的写法 &lt;script src="../lib/jquery.js" type="text/javasc...
treeview,js
weixin_33935777的博客
05-27 71
TreeView父子联动效果保持节点状态一致 http://dev.csdn.net/develop/article/62/62126.shtmhttp://www.webasp.net/article/14/13952.htm  为treeview添加客户端事件 http://www.mbsky.com/InfoView/Article_4558.html   Asp.net中Treeview...
treeView.js
技术永不眠 Q：53195017
03-03 622
treeView.js http://blog.csdn.net/tgh_alien/article/details/1943951 /****************************************************  *  Author: Fason(阿信)[蒲佛信]     *  *  Version:v1.0         *  *  You
js treeview
05-31
两个无限树级（js） jquery和javascript
js编写的treeview使用方法
10-21
JavaScript的TreeView可以通过添加额外的CSS样式进行美化，也可以通过扩展JavaScript代码来实现更复杂的交互功能，如异步加载、搜索、拖放等。 总的来说，使用JavaScript编写的TreeView是一种灵活的方式，可以在...
JS控制TreeView的结点选择
10-21
接下来，我们来看关键的JavaScript代码，这段代码实现了结点选择的逻辑： ```javascript <script language="javascript" type="text/javascript"> //节点父节点选中子节点全选 function NodeCheck() { var o = ...
UpdatePanel触发javascript脚本的方法附代码
10-30
2. **在呈现过程中初始化脚本**：另一种方法是在`RenderContents`方法中动态生成JavaScript代码，确保脚本资源在前，初始化脚本在后，控件在中间。例如： ```csharp protected override void RenderContents...
BootStrap多级导航菜单特效源码.zip
10-31
在ASP中，你可以使用`Response.Write`来输出HTML代码，或者使用服务器控件如`Repeater`或`TreeView`来动态生成导航菜单。这允许你根据用户的权限或其他条件动态调整菜单的结构。 总结来说，"BootStrap多级导航菜单...
TreeView在masterpage 中动态生成（c#，jquery）
04-26
### 一、C#后端动态生成TreeView 在C#中，我们首先需要创建一个`TreeView`对象，然后添加节点。这里以ASP.NET的代码-behind文件为例： ```csharp protected void Page_Load(object sender, EventArgs e) { if (!...
treeview.js树控件
07-06
treeview.js树控件 用于做树形菜单 欢迎下载！！1！！
jquery.treeview.js树控件
05-21
jquery.treeview.js树控件的应用
jsontree (jquery.treeview.js) jQuery插件版
06-27
欢迎大家下载使用 并提出宝贵意见............
jQuery treeview的简单用法
weixin_30367945的博客
05-06 323
　　最近的项目要用到treeview插件，刚好就自己整理一下这方面的资料。 　1.文档树示例 　　最简单的一个例子就是文档树的实现。效果如下图所示。 　　 　　在使用treeview之前，html文档中需要包含几个jquery.js、jquery.treeview.js、jquery.treeview.css几个文件。具体的请从官网下载。记住jquery.js的引用必须在jque...
jquery.treeview.js php mysql_JQuery 树状结构 jQuery-treeview.js 插件
weixin_35459464的博客
02-01 181
在项目中，我们经常会需要一些树状结构的样式来显示层级结构等，比如下图的样式，之前在学.net的时候可以直接拖个服务端控件过来直接使用非常方便。但是利用Jquery的一些插件，也是可以实现这些效果的，比如说Jquery.treeview.js插件。下面就直入主题，开始从简入繁的分析怎么使用treeview插件，从已知的知识开始轻松入手，让树状结构唾手可得。显示树状结构的几个实现步骤：一、HTML做初...
bootstrap-treeview.js
lmy_loveF的博客
07-05 663
bootstrap-treeview.js支持增删改查
js操作TreeView
liaozhigang1010的专栏
07-14 1433
<br /> 最近在论坛上回答了一些关于客户端操作TreeView节点选中的问题，在网友提供的代码基础上做了两个例子。可惜原贴已经丢失了，整理一下写成文档吧 <br /> 为了书写方便，这两个例子没有采用codebehind方式，复制即可运行 <br /><br /> 第一个例子是当取消或选中节点选中状态时，子节点也做相应的取消或选中变化 <br /> 需要注意的是如果要初始设置TreeNode为选中状态，只能在客户端设置。如果在服务器端设置TreeNode为选中状态，则在客户端使用getAtt
jquery.treeview.js php mysql,jquery.treeview应用
weixin_32017501的博客
04-02 318
jquery.treeview使用这几天项目中要用到树型结构，正好项目中用到了JQuery,所以就在网上找依赖JQuery的JS树，最终选择了 jquery.treeview.js,原因之一,它是JQuery官方发布的JS库，另一方面，看了一下它的文档，使用起来也是很简单的。经过一个小时的研究，终于搞定，现把它的使用方法做个简要的说明，以做笔记。要使用jquery.treeview.js，当然第一...
js写的TreeView[支持动态添加,删除,更改,ICON]
benymark的专栏
11-09 1213
我不是很喜欢asp.net里面的TreeView,好象代码太多..现在用javascript来些个和大家分享下,大概如下图使用改类的代码如下:js类:function Node(text_,value_){ /* 作者:Mark 邮箱:benymark@gmail.com blog:Http://blog.csdn.net/benymark 节点类：记录个节点的信息 */   this.text=text_;   this.value=value_;   this.imageExpand="";//展开后I
用ttk.treeview写一段示例代码
最新发布
03-29
下面是一个使用ttk.treeview的示例代码： ```python import tkinter as tk from tkinter import ttk root = tk.Tk() # 创建一个ttk.treeview控件 treeview = ttk.Treeview(root) # 设置列标题 treeview['columns...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值