c# - 使用 TreeView 控件的悬停菜单
问题描述
我有一个包含树视图控件的 Web 表单。我正在尝试使用树视图创建鼠标悬停菜单。
代码
<asp:TreeView ID="TreeView1" runat="server" BackColor="#00CCFF" Font-Bold="True" Height="498px" ImageSet="Contacts" NodeIndent="10" Width="1290px">
<HoverNodeStyle Font-Underline="False" />
<Nodes>
<asp:TreeNode Text="Home" NavigateUrl="~/Home.aspx" Target="_blank"/>
<asp:TreeNode Text="Employee" NavigateUrl="~/Employee.aspx" Target="_blank">
<asp:TreeNode Text="Upload Resume" NavigateUrl="~/Upload_Resume.aspx" Target="_blank" />
<asp:TreeNode Text="Edit Resume" NavigateUrl="~/Edit_Resume.aspx" Target="_blank" />
<asp:TreeNode Text="View Resume" NavigateUrl="~/View_Resume.aspx" Target="_blank" />
</asp:TreeNode>
<asp:TreeNode Text="Employer" NavigateUrl="~/Employer.aspx" Target="_blank">
<asp:TreeNode Text="Upload Job" NavigateUrl="~/Upload_Job.aspx" Target="_blank" />
<asp:TreeNode Text="Edit Job" NavigateUrl="~/Edit_Job.aspx" Target="_blank" />
<asp:TreeNode Text="View Job" NavigateUrl="~/View_Job.aspx" Target="_blank" />
</asp:TreeNode>
<asp:TreeNode Text="Admin" NavigateUrl="~/Admin.aspx" Target="_blank">
<asp:TreeNode Text="Add User" NavigateUrl="~/Add_User.aspx" Target="_blank" />
<asp:TreeNode Text="Edit User" NavigateUrl="~/Edit_Use.aspx" Target="_blank" />
<asp:TreeNode Text="View User" NavigateUrl="~/View_User.aspx" Target="_blank" />
</asp:TreeNode>
</Nodes>
<NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" />
<ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" />
<SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" />
</asp:TreeView>
如何将鼠标事件添加到树视图控件中
解决方案
尝试样式化树节点
.NodeStyle
{
width: 140px;
font-size: 10px;
display: block;
cursor: pointer;
text-decoration: none;
color: #ffffff;
border: solid 1px Transparent;
padding: 2px 2px 2px 2px;
}
.NodeStyle:hover,
a.NodeStyle:hover,
.NodeStyle:link:hover,
a.NodeStyle:link:hover
{
font-size: 10px;
display: block;
text-decoration: none;
color: #003687;
border: solid 1px #71a9ff;
background-color: #c6ddff;
padding: 2px 2px 2px 2px;
}
.HoverNodeStyle
{
font-size: 10px;
display: block;
text-decoration: none;
color: #ffffff;
border: solid 1px Transparent;
padding: 2px 2px 2px 2px;
}
.HoverNodeStyle:hover,
a.HoverNodeStyle:hover,
.HoverNodeStyle:link:hover,
a.HoverNodeStyle:link:hover
{
font-size: 10px;
display: block;
text-decoration: none;
color: #003687;
border: solid 1px #71a9ff;
background-color: #c6ddff;
padding: 2px 2px 2px 2px;
}
.SelectedNodeStyle
{
font-size: 10px;
display: block;
text-decoration: none;
color: aquamarine;
border: solid 1px Transparent;
padding: 2px 2px 2px 2px;
}
.SelectedNodeStyle:hover,
a.SelectedNodeStyle:hover,
.SelectedNodeStyle:link:hover,
a.SelectedNodeStyle:link:hover
{
font-size: 10px;
display: block;
text-decoration: none;
color: #71a9ff;
border: solid 1px #71a9ff;
background-color: bisque;
padding: 2px 2px 2px 2px;
}
推荐阅读
- c - OpenBSD 驱动程序开发:如何配置 GPIO 驱动程序以在用户空间中使用它?
- java - A puzzle on how Java implement volatile in new memory model (JSR 133)
- php - Nginx 中的 Laravel API 重写无法打开主脚本
- c# - 无法在 AleaTK 中使用 Context.GpuContext,因为缺少对程序集的引用。C#
- coldfusion - 网站如何显示“帮助”块,直到用户单击 X 以不再看到它们
- html - 调试目的,复杂对象类型不能转换为简单值
- tensorflow - 部署到 ML Engine 时出现 ClipByValue 错误
- javascript - 如何在 knockout.js 中的单选按钮上获取值和标签?
- apache-camel - How to write camel blueprint (send email)
- mysql - INSERT INTO ... SELECT ... statement not working