Question

如何在ASP.NET中突出显示所选的TreeNode（UI.WebControls）？目的是让用户看到他或她当时正在查看的类别。

我的想法是，在每个TreeNode上，检查其属性Selected是否为true，然后将其字体或其他内容更改为其他颜色。我已经阅读了关于设置“ForeColor”的内容，但对于这种类型的TreeNode似乎并不存在。

另一个想法是为每个节点添加某种JavaScript。

就像一个例子，这就是今天代码的样子：

private void BuildTree()
    {
        TreeNode nodeNew = new TreeNode("Unread", MessageFolder.New.ToString());

        TreeNode nodeProcessed = new TreeNode("Read", MessageFolder.Processed.ToString());

        TreeViewFolders.Nodes.Add(nodeNew);
        TreeViewFolders.Nodes.Add(nodeProcessed);
    }

Answer 1

您必须在ASPX页面上使用Server Control，您可以指定

<asp:TreeView id="LinksTreeView"
            Font-Names= "Arial"
            ForeColor="Blue"
            SelectedNodeStyle-ForeColor="Green"
            SelectedNodeStyle-VerticalPadding="0"
            OnSelectedNodeChanged="Select_Change"   
            runat="server">

尝试此操作以获取更多信息，请查看this page

Answer 2

以下是在母版页中使用Web表单解决ASP.NET 4.0中的问题的一种方法。

在演示文稿页面中，您可以使用TreeView，如下所示：

<asp:TreeView
    ID="tv"
    runat="server"
    SelectedNodeStyle-BorderStyle="Solid"
    SelectedNodeStyle-HorizontalPadding="5"
    SelectedNodeStyle-VerticalPadding="5" 
    onselectednodechanged="tv_SelectedNodeChanged">
    <Nodes>
        <asp:TreeNode Text="Contact" Value="~/General/Contact.aspx"></asp:TreeNode>
        <asp:TreeNode Text="Change login name" Value="~/General/ChangeLoginName.aspx"></asp:TreeNode>
        <asp:TreeNode Text="Change password" Value="~/General/ChangePassword.aspx"></asp:TreeNode>
        <asp:TreeNode Text="Terms and Policies" Value="~/General/TermsOfUse.aspx"></asp:TreeNode>
    </Nodes>
</asp:TreeView></td>

这里需要注意的重要事项是：

（1）导航的URL分配给＆＃34;值＆＃34;财产，而不是＆＃34; NavigateUrl＆＃34; TreeNode类的属性。

（2）我们为所选节点定义了样式。

（3）我们已经定义了一个事件，＆＃34; onselectednodechanged。＆＃34;一种简单的方法是在设计视图中双击TreeView。这也会在代码隐藏文件中创建一个事件处理程序存根，我们将在稍后使用它。

在代码隐藏文件中，只需要以下三个函数：

protected void HighlightSelectedLink(TreeNodeCollection nodes, string treeViewSelectedValue)
{
    if (!string.IsNullOrEmpty(treeViewSelectedValue))
    {
        foreach (TreeNode tn in nodes)
        {
            if (tn.Value == treeViewSelectedValue)
            {
                tn.Selected = true;
            }
            else
            {
                tn.Selected = false;
            }

            HighlightSelectedLink(tn.ChildNodes, treeViewSelectedValue);
        }
    }
}

protected void tv_SelectedNodeChanged(object sender, EventArgs e)
{
    string treeViewSelectedValue = tv.SelectedValue;

    if (treeViewSelectedValue.EndsWith(".aspx"))
    {
        Response.BufferOutput = true;
        Response.Redirect(tv.SelectedValue);
    }
}

protected void Page_PreRender(object sender, EventArgs e)
{
    string treeViewSelectedValue = Request.AppRelativeCurrentExecutionFilePath;

    if (!string.IsNullOrEmpty(treeViewSelectedValue))
    {
        TreeNodeCollection nodes = tv.Nodes;
        HighlightSelectedLink(nodes, treeViewSelectedValue);
    }
}

第二个功能是上面提到的处理程序。

Answer 3

在c＃后面的代码中：

boolean show***Snackbar

突出显示所选的TreeNode

3 个答案: