<%@ Page Language="C#" Debug="true" AutoEventWireup="true" CodeFile="treeviewly.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<style>
<!--
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:lightblue;
border:groove;
visibility:hidden;
border:groove;
color:blue;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style> <script type="text/javascript">
var menuskin = "skin1";
var display_url = 1; // 是否在浏览器窗口的状态行中显示菜单项目条对应的链接字符串function showmenuie5()
{
if (event.srcElement.type== undefined)
{
document.getElementById('one').innerText = "修改";
document.getElementById('two').innerText = "添加子结点"
document.getElementById('three').innerText = "删除"
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";
}
return false;
}
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() //想调用后台事件
{
想把前面的选中的node和菜单项的选项调入后台???????
}
</script>
<head runat="server">
<title>无标题页</title> <link rel="stylesheet" href="SimpleTreeView.css" type="text/css" />
<link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />
<!--[if lt IE 7]>
<link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu6.css" type="text/css" id="IEMenu6CSS" />
<![endif]-->
<script type="text/javascript" src="CascadeChecks.js"></script></head><body>
<form id="form1" runat="server">
<div id="ie5menu" class="skin0" onmouseover="highlightie5()" onmouseout="lowlightie5()"onclick="jumptoie5();">
<div id="one" class="menuitems" url="" ></div>
<div id="two" class="menuitems" url=""></div>
<div id="three" class="menuitems" url=""></div>
</div>
<div>
<asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" RootNodeStyle-Font-Bold="true"
OnClientClickedCheckbox="CascadeChecks(event)" ShowLines="true" OnTreeNodeCheckChanged="OnCheckChanged"
OnAdaptedTreeNodeCheckChanged="OnCheckChanged" CssSelectorClass="SimpleEntertainmentTreeView"
RootNodeStyle-Font-Size="Large" style="left: 184px; position: absolute; top: 124px" >
<Nodes>
</Nodes>
</asp:TreeView>
<div>
</div>
<div id="EntertainmentMessage">
<asp:Label id="WhatsChecked" runat="server" style="left: 472px; position: absolute; top: 249px" Height="168px" Width="344px" />
</div>
<asp:Button ID="Button1" runat="server" UseSubmitBehavior="true" Text="Submit" style="left: 50px; position: absolute; top: 651px" Height="28px" Width="58px" />
</div>
</form>
<script type="text/javascript">
if (document.all) //如果当前浏览器是Internet Explorer,document.all就返回真
{
ie5menu.className = menuskin;//选择菜单方块的显示样式
document.getElementById('TreeView1').oncontextmenu = showmenuie5;//重定向鼠标右键事件的处理过程
document.body.onclick = hidemenuie5;//重定向鼠标左键事件的
}
</script>
</body>
</html>
<style>
<!--
.skin1 {
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
width:120px;
background-color:lightblue;
border:groove;
visibility:hidden;
border:groove;
color:blue;
}
.menuitems {
padding-left:15px;
padding-right:10px;
}
-->
</style> <script type="text/javascript">
var menuskin = "skin1";
var display_url = 1; // 是否在浏览器窗口的状态行中显示菜单项目条对应的链接字符串function showmenuie5()
{
if (event.srcElement.type== undefined)
{
document.getElementById('one').innerText = "修改";
document.getElementById('two').innerText = "添加子结点"
document.getElementById('three').innerText = "删除"
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";
}
return false;
}
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() //想调用后台事件
{
想把前面的选中的node和菜单项的选项调入后台???????
}
</script>
<head runat="server">
<title>无标题页</title> <link rel="stylesheet" href="SimpleTreeView.css" type="text/css" />
<link runat="server" rel="stylesheet" href="~/CSS/Import.css" type="text/css" id="AdaptersInvariantImportCSS" />
<!--[if lt IE 7]>
<link runat="server" rel="stylesheet" href="~/CSS/BrowserSpecific/IEMenu6.css" type="text/css" id="IEMenu6CSS" />
<![endif]-->
<script type="text/javascript" src="CascadeChecks.js"></script></head><body>
<form id="form1" runat="server">
<div id="ie5menu" class="skin0" onmouseover="highlightie5()" onmouseout="lowlightie5()"onclick="jumptoie5();">
<div id="one" class="menuitems" url="" ></div>
<div id="two" class="menuitems" url=""></div>
<div id="three" class="menuitems" url=""></div>
</div>
<div>
<asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All" RootNodeStyle-Font-Bold="true"
OnClientClickedCheckbox="CascadeChecks(event)" ShowLines="true" OnTreeNodeCheckChanged="OnCheckChanged"
OnAdaptedTreeNodeCheckChanged="OnCheckChanged" CssSelectorClass="SimpleEntertainmentTreeView"
RootNodeStyle-Font-Size="Large" style="left: 184px; position: absolute; top: 124px" >
<Nodes>
</Nodes>
</asp:TreeView>
<div>
</div>
<div id="EntertainmentMessage">
<asp:Label id="WhatsChecked" runat="server" style="left: 472px; position: absolute; top: 249px" Height="168px" Width="344px" />
</div>
<asp:Button ID="Button1" runat="server" UseSubmitBehavior="true" Text="Submit" style="left: 50px; position: absolute; top: 651px" Height="28px" Width="58px" />
</div>
</form>
<script type="text/javascript">
if (document.all) //如果当前浏览器是Internet Explorer,document.all就返回真
{
ie5menu.className = menuskin;//选择菜单方块的显示样式
document.getElementById('TreeView1').oncontextmenu = showmenuie5;//重定向鼠标右键事件的处理过程
document.body.onclick = hidemenuie5;//重定向鼠标左键事件的
}
</script>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货