Asp.net 2.0 中的TreeView的右键菜单
来源:互联网 发布:cnzz 阿里云备案 编辑:程序博客网 时间:2024/04/19 19:29
<%@ PageLanguage="C#" %>
<html>
<head>
<style>
<!--
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family:Arial, Helvetica,sans-serif;
font-size:10pt;
width:120px;
background-color:menu;
border:1solid buttonface;
visibility:hidden;
border:2outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<scripttype="text/javascript">
<!-- Begin
var menuskin = "skin1";
var display_url = 1;// Show URLs in status bar?
function showmenuie5() {
if (event.srcElement.type != undefined)
{
var s =event.srcElement.id;
var ind = s.replace("TreeView1t","");
s = s.replace("TreeView1t","TreeView1n");
document.getElementById('one').url =event.srcElement.href;
document.getElementById('one').innerText ="Select";
var ch = document.getElementById(s);
if (ch !=null){
document.getElementById('two').url ="javascript:TreeView_ToggleNode(TreeView1_Data," + ind +"," + s + ",' '," + s + "Nodes)";
document.getElementById('two').innerText ="Expand\\Collapse";
}
else
document.getElementById('two').outerHTML="<div id=two class=menuitems url=''></div>"
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft +event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop +event.clientY;
ie5menu.style.visibility = "visible";
}
else
{
ie5menu.style.visibility = "hidden";
}
returnfalse;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className =="menuitems") {
event.srcElement.style.backgroundColor ="highlight";
event.srcElement.style.color ="white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className =="menuitems") {
event.srcElement.style.backgroundColor ="";
event.srcElement.style.color ="black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className =="menuitems") {
if (event.srcElement.getAttribute("target") !=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</head>
<body>
<formid="form1"runat="server">
<divid="ie5menu"class="skin0"onmouseover="highlightie5()"onmouseout="lowlightie5()"
onclick="jumptoie5();">
<divid="one"class="menuitems"url="">
</div>
<divid="two"class="menuitems"url="">
</div>
</div>
<asp:TreeViewID="TreeView1"runat="server">
<Nodes>
<asp:TreeNodeText="a"Value="a">
<asp:TreeNodeText="b"Value="b">
<asp:TreeNodeText="c"Value="c"></asp:TreeNode>
</asp:TreeNode>
</asp:TreeNode>
<asp:TreeNodeText="cc"Value="cc">
<asp:TreeNodeText="ccc"Value="ccc">
<asp:TreeNodeText="cccc"Value="cccc"></asp:TreeNode>
</asp:TreeNode>
</asp:TreeNode>
</Nodes>
<SelectedNodeStyleBackColor="#C00000"/>
</asp:TreeView>
</form>
<scripttype="text/javascript">
if (document.all) {
ie5menu.className = menuskin;
document.getElementById('TreeView1').oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
</body>
</html>
<html>
<head>
<style>
<!--
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family:Arial, Helvetica,sans-serif;
font-size:10pt;
width:120px;
background-color:menu;
border:1solid buttonface;
visibility:hidden;
border:2outset buttonhighlight;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style>
<scripttype="text/javascript">
<!-- Begin
var menuskin = "skin1";
var display_url = 1;// Show URLs in status bar?
function showmenuie5() {
if (event.srcElement.type != undefined)
{
var s =event.srcElement.id;
var ind = s.replace("TreeView1t","");
s = s.replace("TreeView1t","TreeView1n");
document.getElementById('one').url =event.srcElement.href;
document.getElementById('one').innerText ="Select";
var ch = document.getElementById(s);
if (ch !=null){
document.getElementById('two').url ="javascript:TreeView_ToggleNode(TreeView1_Data," + ind +"," + s + ",' '," + s + "Nodes)";
document.getElementById('two').innerText ="Expand\\Collapse";
}
else
document.getElementById('two').outerHTML="<div id=two class=menuitems url=''></div>"
var rightedge = document.body.clientWidth-event.clientX;
var bottomedge = document.body.clientHeight-event.clientY;
if (rightedge < ie5menu.offsetWidth)
ie5menu.style.left = document.body.scrollLeft + event.clientX - ie5menu.offsetWidth;
else
ie5menu.style.left = document.body.scrollLeft +event.clientX;
if (bottomedge < ie5menu.offsetHeight)
ie5menu.style.top = document.body.scrollTop + event.clientY - ie5menu.offsetHeight;
else
ie5menu.style.top = document.body.scrollTop +event.clientY;
ie5menu.style.visibility = "visible";
}
else
{
ie5menu.style.visibility = "hidden";
}
returnfalse;
}
function hidemenuie5() {
ie5menu.style.visibility = "hidden";
}
function highlightie5() {
if (event.srcElement.className =="menuitems") {
event.srcElement.style.backgroundColor ="highlight";
event.srcElement.style.color ="white";
if (display_url)
window.status = event.srcElement.url;
}
}
function lowlightie5() {
if (event.srcElement.className =="menuitems") {
event.srcElement.style.backgroundColor ="";
event.srcElement.style.color ="black";
window.status = "";
}
}
function jumptoie5() {
if (event.srcElement.className =="menuitems") {
if (event.srcElement.getAttribute("target") !=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"));
else
window.location = event.srcElement.url;
}
}
// End -->
</script>
</head>
<body>
<formid="form1"runat="server">
<divid="ie5menu"class="skin0"onmouseover="highlightie5()"onmouseout="lowlightie5()"
onclick="jumptoie5();">
<divid="one"class="menuitems"url="">
</div>
<divid="two"class="menuitems"url="">
</div>
</div>
<asp:TreeViewID="TreeView1"runat="server">
<Nodes>
<asp:TreeNodeText="a"Value="a">
<asp:TreeNodeText="b"Value="b">
<asp:TreeNodeText="c"Value="c"></asp:TreeNode>
</asp:TreeNode>
</asp:TreeNode>
<asp:TreeNodeText="cc"Value="cc">
<asp:TreeNodeText="ccc"Value="ccc">
<asp:TreeNodeText="cccc"Value="cccc"></asp:TreeNode>
</asp:TreeNode>
</asp:TreeNode>
</Nodes>
<SelectedNodeStyleBackColor="#C00000"/>
</asp:TreeView>
</form>
<scripttype="text/javascript">
if (document.all) {
ie5menu.className = menuskin;
document.getElementById('TreeView1').oncontextmenu = showmenuie5;
document.body.onclick = hidemenuie5;
}
</script>
</body>
</html>
- Asp.net 2.0 中的TreeView的右键菜单
- Asp.net 2.0 中的TreeView的右键菜单
- asp.net的treeview右键菜单Context Menus on the TReeView - IE Specific
- treeview简单的右键菜单
- TreeView的自定义右键菜单
- .NET ASP.TreeView 右键采单的实现
- ASP.NET中的TreeView控件的使用
- TreeView的自定义右键菜单(半原创)
- Qt中TreeView的右键菜单实现
- treeview右键菜单
- Asp.net+ jQuery 写自己的右键菜单
- ASP.NET的TreeView
- ASP.NET中的TreeView控件
- ASP.NET,用TreeView实现树菜单
- asp.net右键弹出上下文菜单
- asp.net调用浏览器右键菜单“另存为”
- C# Asp.net 中的Treeview 点击不刷新页面的
- C# Asp.net 中的Treeview 点击不刷新页面的
- myeclipse修改发布到tomcat目录下的项目名称
- Qt 进程间通讯学习(windows消息WM_COPYDATA)
- 排序二叉树转换为双向链表
- Spring注解@Component、@Repository、@Service、@Controller
- android listview分页异步加载图片及图片缓存
- Asp.net 2.0 中的TreeView的右键菜单
- winform调用config文件
- DNS报文格式
- 在Qt中使用sleep (转)
- Linux命令:检查系统资源变化(vmstat)!
- Spring Security 可动态授权RBAC权限模块实践
- Entity Framework使用建模之Database First A
- js 正则表达式中的特殊字符
- RGB与HSB之间的转换公式