TreeView 中 SelectedNodeStyle 无效,selectedClass 无效的参考方案

最新推荐文章于 2024-02-22 15:56:37 发布

原创最新推荐文章于 2024-02-22 15:56:37 发布 · 602 阅读

0 ·

CC 4.0 BY-SA版权

c# 同时被 2 个专栏收录

36 篇文章

订阅专栏

html/css

6 篇文章

订阅专栏

本文提供了一种解决ASP.NET中TreeView控件选中节点样式无效的问题，通过修改SelectedNodeStyle属性并配合JavaScript代码实现正确的视觉反馈。

TreeView 中 SelectedNodeStyle 无效,selectedClass 无效的参考方案
查看他的html,然后跟踪代码,解决方案,如下

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmVideo.aspx.cs" Inherits="BA.frmVideo" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
</head>
<body>
    <form id="form1" runat="server" style="padding: 0; margin: 0;">
        <div style="float: left; overflow: scroll; height: 800px; width: 250px;">
            <asp:TreeView ID="TreeView1" runat="server" ExpandDepth="0" ImageSet="Contacts" NodeIndent="10" EnableViewState="False">
                <HoverNodeStyle Font-Underline="False" BackColor="#cccccc" />
                <NodeStyle Font-Size="13px" ForeColor="Black" HorizontalPadding="5px" NodeSpacing="0px" VerticalPadding="0px" />
                <ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" />
                <SelectedNodeStyle BackColor="Yellow" BorderColor="Maroon" />
                
            </asp:TreeView>
        </div>
        <div style="float: left;">
            <iframe style="height: 800px; width: 800px;" runat="server" id="iframe1" name="myFrameName" frameborder="0"></iframe>
        </div>

    </form>

    <script type="text/javascript">
        TreeView1_Data.selectedClass = 'TreeView1_5';
        TreeView1_Data.selectedHyperLinkClass = 'TreeView1_5';
    </script>

</body>
</html>