使用javascript的树状视图的上下文菜单 [英] context menu to a tree view using javascript
本文介绍了使用javascript的树状视图的上下文菜单的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我已经看到您为上下文菜单将代码发布到树视图asp .net.我需要具有与Javascript相同功能的代码.
你能帮我...
当我将以下代码保存在带有.html ext的记事本中并尝试作为网页打开时，其仅显示上下文菜单而不是树.是否需要以.html以外的其他格式保存?我是否需要在系统中安装.net或运行此代码?
请回答以上问题.....
<br />
<br />
<html><br />
<head runat="server"><br />
<title>xTreeView</title><br />
<style type="text/css"><br />
<!--<br />
<br />
.skin0{<br />
position:absolute;<br />
width:140px;<br />
border:2px solid black;<br />
background-color:menu;<br />
font-family:Verdana;<br />
line-height:20px;<br />
cursor:default;<br />
font-size:14px;<br />
z-index:100;<br />
visibility:hidden;<br />
}<br />
<br />
.menuitems{<br />
padding-left:10px;<br />
padding-right:10px;<br />
font-family:Verdana;<br />
font-size:12px;<br />
color:black;<br />
}<br />
--><br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<form id="form1" runat="server"><br />
<asp:panel id="Panel1" runat="server" height="50px" width="176px" xmlns:asp="#unknown"><br />
<br />
<asp:treeview id="TreeView1" runat="server" backcolor="#FFFFC0" height="180px" width="172px"><br />
<nodes><br />
<asp:treenode text="Root" value="sroot"><br />
<asp:treenode text="Parent 1" value="sParent 1"><br />
<asp:treenode text="<b id=''b1'' oncontextmenu="return showmenuie5(event)" > this is a test</b>" value="sLeaf 1"></asp:treenode><br />
<asp:treenode text="Leaf 2" value="sLeaf 2"></asp:treenode><br />
</asp:treenode><br />
<asp:treenode text="Parent 2" value="sParent 2"><br />
<asp:treenode text="Leaf 1" value="sLeaf 1"></asp:treenode><br />
<asp:treenode text="Leaf 2" value="sLeaf 2"></asp:treenode><br />
</asp:treenode><br />
</asp:treenode><br />
</nodes><br />
</asp:treeview><br />
</asp:panel><br />
<div><br />
<br />
<br />
<br />
<br />
<br />
<asp:panel id="Panel2" runat="server" display:none="" bordercolor="Black" cssclass="skin0" onmouseover="highlightie5(event)" onmouseout="lowlightie5(event)" onclick="jumptoie5(event)" xmlns:display="#unknown" xmlns:asp="#unknown"><br />
<div class="menuitems"><asp:linkbutton id="LinkButton1" runat="server" cssclass="menuitems">New Node</asp:linkbutton></div><br />
<div class="menuitems"><asp:linkbutton id="LinkButton2" runat="server" cssclass="menuitems">Edit Node</asp:linkbutton></div><br />
<hr /><br />
<div class="menuitems"><asp:linkbutton id="LinkButton3" runat="server" cssclass="menuitems">Delete Node</asp:linkbutton></div><br />
<hr /><br />
<div class="menuitems"><asp:linkbutton id="LinkButton4" runat="server" cssclass="menuitems">FAQS</asp:linkbutton></div><br />
<div class="menuitems"><asp:linkbutton id="LinkButton5" runat="server" cssclass="menuitems">Online Help</asp:linkbutton></div><br />
<hr /><br />
<div class="menuitems"><asp:linkbutton id="LinkButton6" runat="server" cssclass="menuitems">Email Me</asp:linkbutton></div><br />
</asp:panel><br />
<br /><br />
<a href=""> </a><br />
</div><br />
</form><br />
<br />
<br />
<script src="xtreeview.js" type="text/javascript"></script><br />
<br />
<br />
</body><br />
</html><br />
<br />
解决方案
以html格式保存此文件将不起作用，因为此示例中使用的某些控件是服务器端控件，例如linkbutton.您需要创建一个网站并向其添加一个aspx页面，复制此代码，并且不要忘记将"xtreeview.js" 文件添加到您的aspx页面所在的文件夹中. /blockquote>
感谢Prakash！
我的理解是，我需要将xtreeview.js文件和上述代码以.aspx扩展名保存在一个公共文件夹中.但是我需要以.html格式存储一些文件才能将o/p视为网页仪式?我在asp.NET中的启动器，而且我从未使用过asp.NET来运行任何文件.实际上，我需要使用Javascript到上下文视图的树状菜单..但与此同时，我在asp.NET中发现了相同的功能，因此尝试运行该文件以查看输出..
您能否更清楚地解释如何运行它..
提前谢谢.
等待您的回应，
Swathi
Hi,
I have seen the code posted by you for the context menu to a tree view asp .net. I need the code with the same functionality in Javascript.
Could you please help me...
and when i save the below code in a notepad with .html ext and try to open as a webpage its just displaying the context menu and not the tree. Do i need to save in other format other than .html? Do i need to insatall .net in my system o run this code?
Please reply to the above questions.....
<br /> <br /> <html><br /> <head runat="server"><br /> <title>xTreeView</title><br /> <style type="text/css"><br /> <!--<br /> <br /> .skin0{<br /> position:absolute;<br /> width:140px;<br /> border:2px solid black;<br /> background-color:menu;<br /> font-family:Verdana;<br /> line-height:20px;<br /> cursor:default;<br /> font-size:14px;<br /> z-index:100;<br /> visibility:hidden;<br /> }<br /> <br /> .menuitems{<br /> padding-left:10px;<br /> padding-right:10px;<br /> font-family:Verdana;<br /> font-size:12px;<br /> color:black;<br /> }<br /> --><br /> </style><br /> <br /> </head><br /> <body><br /> <br /> <br /> <form id="form1" runat="server"><br /> <asp:panel id="Panel1" runat="server" height="50px" width="176px" xmlns:asp="#unknown"><br /> <br /> <asp:treeview id="TreeView1" runat="server" backcolor="#FFFFC0" height="180px" width="172px"><br /> <nodes><br /> <asp:treenode text="Root" value="sroot"><br /> <asp:treenode text="Parent 1" value="sParent 1"><br /> <asp:treenode text="<b id=''b1'' oncontextmenu="return showmenuie5(event)" > this is a test</b>" value="sLeaf 1"></asp:treenode><br /> <asp:treenode text="Leaf 2" value="sLeaf 2"></asp:treenode><br /> </asp:treenode><br /> <asp:treenode text="Parent 2" value="sParent 2"><br /> <asp:treenode text="Leaf 1" value="sLeaf 1"></asp:treenode><br /> <asp:treenode text="Leaf 2" value="sLeaf 2"></asp:treenode><br /> </asp:treenode><br /> </asp:treenode><br /> </nodes><br /> </asp:treeview><br /> </asp:panel><br /> <div><br /> <br /> <br /> <br /> <br /> <br /> <asp:panel id="Panel2" runat="server" display:none="" bordercolor="Black" cssclass="skin0" onmouseover="highlightie5(event)" onmouseout="lowlightie5(event)" onclick="jumptoie5(event)" xmlns:display="#unknown" xmlns:asp="#unknown"><br /> <div class="menuitems"><asp:linkbutton id="LinkButton1" runat="server" cssclass="menuitems">New Node</asp:linkbutton></div><br /> <div class="menuitems"><asp:linkbutton id="LinkButton2" runat="server" cssclass="menuitems">Edit Node</asp:linkbutton></div><br /> <hr /><br /> <div class="menuitems"><asp:linkbutton id="LinkButton3" runat="server" cssclass="menuitems">Delete Node</asp:linkbutton></div><br /> <hr /><br /> <div class="menuitems"><asp:linkbutton id="LinkButton4" runat="server" cssclass="menuitems">FAQS</asp:linkbutton></div><br /> <div class="menuitems"><asp:linkbutton id="LinkButton5" runat="server" cssclass="menuitems">Online Help</asp:linkbutton></div><br /> <hr /><br /> <div class="menuitems"><asp:linkbutton id="LinkButton6" runat="server" cssclass="menuitems">Email Me</asp:linkbutton></div><br /> </asp:panel><br /> <br /><br /> <a href=""> </a><br /> </div><br /> </form><br /> <br /> <br /> <script src="xtreeview.js" type="text/javascript"></script><br /> <br /> <br /> </body><br /> </html><br /> <br />解决方案Saving this file in html will not work as some of the controls used in this example are server side control like linkbutton. You need to make a website and add a aspx page to it, copy this code and don''t forgot to add the "xtreeview.js" file in the same folder where your aspx page exists.
Thank You Prakash!
My understanding is, i need to save the xtreeview.js file and the above code in .aspx extention in a common folder., but i need some file in .html in order to view the o/p as a webpage rite? Iam starter in asp.NET and i never ran any file using asp.NET. Actually i need CONTEXT MENU TO THE TREE VIEW using Javascript.. but meanwhile i found the same functionality in asp.NET so tried to ran the file to view the output..
could you please explain more clearly how to run it..
Thanks in advance.
Awaiting your response,
Swathi
这篇关于使用javascript的树状视图的上下文菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
