Question

我创建了一个动态添加值的树视图。一切似乎都运行良好 - 所选事件正在被触发，树视图完美运行。唯一的问题是更改selectednodestyle对树视图没有影响。

请帮助我一直在研究这个问题。

这是我的树视图的html代码：

<asp:TreeView ID="treeViewProperties" runat="server" OnSelectedNodeChanged="TreeViewPropertiesNodeSelected" Font-Bold="False" NodeIndent="10" ShowExpandCollapse="False">
      <HoverNodeStyle Font-Bold="False" Font-Strikeout="False" Font-Underline="False" ForeColor="Goldenrod" />
      <NodeStyle Font-Names="Arial" Font-Size="9pt" ForeColor="White" HorizontalPadding="0px" NodeSpacing="0px" VerticalPadding="2px" />
      <ParentNodeStyle Font-Bold="False" />
      <RootNodeStyle Font-Bold="True" />
      <SelectedNodeStyle BackColor="#FF33CC" ForeColor="#FF3399" Height="500px" />
    </asp:TreeView>

Answer 1

我最终用Jquery解决了这个问题。

我向treeviewproperties节点添加了一个click事件，并为所选的treenode添加了样式。

这是代码：

    $(function () {
  $('.MainContent_treeViewProperties_3').click(function () {
    $(".MainContent_treeViewProperties_3").css('color', 'white');
    $(this).css('color', '#273F6F');
  });

  $('.MainContent_treeViewProperties_1').click(function () {
    $(".MainContent_treeViewProperties_1").css('text-decoration', '');
    if ($(this).is('.MainContent_treeViewProperties_3')) {
      // This is a root node do not change its color.
    }
    else {
      $(this).css('text-decoration', 'underline');
    }

  });
});

ASP.NET TreeNode SelectedNodeStyle无效

1 个答案: