ASP.NET TreeView并选择所选节点

时间:2008-09-20 04:54:00

标签: asp.net treeview

如何捕获单击TreeView的Selected节点的事件? 它不会触发 SelectedNodeChanged ,因为选择显然没有改变但是我可以捕获什么事件所以我知道单击了选定节点?

更新: 当我有一些时间时,我将不得不深入了解TreeView控件的内容并挖掘它处理click事件的内容和位置,并将TreeView子类化为暴露新事件OnSelectedNodeClicked。

我可能会在圣诞节假期这样做,我会用结果报告。

更新: 我已经在TreeView控件的子类下面提出了一个解决方案。

9 个答案:

答案 0 :(得分:8)

最简单的方法 - 如果它不干扰你的其余代码 - 就是简单地将节点设置为在SelectedNodeChanged方法中未选中。

protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e){
  // Do whatever you're doing
  TreeView1.SelectedNode.Selected = false;
}

答案 1 :(得分:6)

经过一段漫长的时间后,我终于有时间研究如何将TreeView子类化以处理被点击的选定节点。

这是我的解决方案,它公开了一个新的事件 SelectedNodeClicked ,你可以从页面或任何地方处理它。 (如果需要,重构为C#

是一项简单的任务
Imports System.Web.UI
Imports System.Web


Public Class MyTreeView
  Inherits System.Web.UI.WebControls.TreeView

  Public Event SelectedNodeClicked As EventHandler

  Private Shared ReadOnly SelectedNodeClickEvent As Object

  Private Const CurrentValuePathState As String = "CurrentValuePath"

  Protected Property CurrentValuePath() As String
    Get
      Return Me.ViewState(CurrentValuePathState)
    End Get
    Set(ByVal value As String)
      Me.ViewState(CurrentValuePathState) = value
    End Set
  End Property

  Friend Sub RaiseSelectedNodeClicked()

    Me.OnSelectedNodeClicked(EventArgs.Empty)

  End Sub

  Protected Overridable Sub OnSelectedNodeClicked(ByVal e As EventArgs)

    RaiseEvent SelectedNodeClicked(Me, e)

  End Sub

  Protected Overrides Sub OnSelectedNodeChanged(ByVal e As System.EventArgs)

    MyBase.OnSelectedNodeChanged(e)

    ' Whenever the Selected Node changed, remember its ValuePath for future reference
    Me.CurrentValuePath = Me.SelectedNode.ValuePath

  End Sub

  Protected Overrides Sub RaisePostBackEvent(ByVal eventArgument As String)

    ' Check if the node that caused the event is the same as the previously selected node
    If Me.SelectedNode IsNot Nothing AndAlso Me.SelectedNode.ValuePath.Equals(Me.CurrentValuePath) Then
      Me.RaiseSelectedNodeClicked()
    End If

    MyBase.RaisePostBackEvent(eventArgument)

  End Sub

End Class

答案 2 :(得分:4)

存储所选内容并使用Page_Load事件处理程序中的代码将所选内容与您存储的内容进行比较。与SelectedNodeChanged不同,即使所选值没有改变,也会为每个帖子调用Page_Load。

实施例

alt text http://smithmier.com/TreeViewExample.png

HTML

<form id="form1" runat="server">
<div>
    <asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged"
        ShowLines="True">
        <Nodes>
            <asp:TreeNode Text="Root" Value="Root">
                <asp:TreeNode Text="RootSub1" Value="RootSub1"></asp:TreeNode>
                <asp:TreeNode Text="RootSub2" Value="RootSub2"></asp:TreeNode>
            </asp:TreeNode>
            <asp:TreeNode Text="Root2" Value="Root2">
                <asp:TreeNode Text="Root2Sub1" Value="Root2Sub1">
                    <asp:TreeNode Text="Root2Sub1Sub1" Value="Root2Sub1Sub1"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="Root2Sub2" Value="Root2Sub2"></asp:TreeNode>
            </asp:TreeNode>
        </Nodes>
    </asp:TreeView>
    <asp:Label ID="Label1" runat="server" Text="Selected"></asp:Label>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label></div>
</form>

C#

protected void Page_Load(object sender, EventArgs e)
{
    if(TreeView1.SelectedNode!=null && this.TextBox1.Text == TreeView1.SelectedNode.Value.ToString())
    {
        Label2.Text = (int.Parse(Label2.Text) + 1).ToString();
    }
    else
    {
        Label2.Text = "0";
    }
}
protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{
    this.TextBox1.Text = TreeView1.SelectedNode.Value.ToString();
}

答案 3 :(得分:1)

当您在_TreeNodePopulate()事件中向树添加节点时,请在节点上设置.SelectionAction属性。

TreeNode newCNode;
newCNode = new TreeNode("New Node");

newCNode.SelectAction = TreeNodeSelectAction.Select;

//now you can set the .NavigateUrl property to call the same page with some query string parameter to catch in the page_load()

newCNode.NavigateUrl = "~/ThisPage.aspx?args=" + someNodeAction

RootNode.ChildNodes.Add(newCNode);

答案 4 :(得分:1)

protected void Page_Load(object sender,EventArgs e)

{
    if (!IsPostBack)
    {
        TreeView1.SelectedNode.Selected = false;
    }
}

适合我

答案 5 :(得分:1)

C#:

TreeNode node = TreeTypes.FindNode(obj.CustomerTypeId.ToString());


TreeTypes.Nodes[TreeTypes.Nodes.IndexOf(node)].Select();

答案 6 :(得分:0)

您始终可以使用MouseDown或MouseUp事件,并检查它是否为所选节点。

答案 7 :(得分:0)

我使用ShowCheckBox属性和Checked属性来“突出显示”所选项目。 当SelectedNodeChanged事件引发时:

  1. 我将旧选择的ShowCheckBox属性和Checked属性设置为false,将新的ShowCheckBox属性和Checked属性设置为true选择一个。
  2. 我将所选节点用于任何操作
  3. 最后,我取消选择所选项目: myTreeView.SelecteNode.Selected = false

答案 8 :(得分:-1)

我有一个问题,但我解决了它!

在服务器端代码中:

    protected void MainTreeView_SelectedNodeChanged(object sender, EventArgs e)
    {
        ClearTreeView();
        MainTreeView.SelectedNode.Text = "<span class='SelectedTreeNodeStyle'>" + MainTreeView.SelectedNode.Text + "</span>";
        MainTreeView.SelectedNode.Selected = false;

    }

    public void ClearTreeView()
    {
         for (int i = 0; i < MainTreeView.Nodes.Count; i++)
        {
            for(int j=0;j< MainTreeView.Nodes[i].ChildNodes.Count;j++)
            {
                ClearNodeText(MainTreeView.Nodes[i].ChildNodes[j]);
            }
            ClearNodeText(MainTreeView.Nodes[i]);
        }
    }

    public void ClearNodeText(TreeNode tn)
    {
        tn.Text = tn.Text.Replace("<span class='SelectedTreeNodeStyle'>", "").Replace("</span>", "");
    }

在客户端代码中:

 <style type="text/css">
     .SelectedTreeNodeStyle { font-weight: bold;}
 </style>