Как я могу очистить предыдущий выбор, когда asp: TreeView находится в UpdatePanel? - PullRequest
Новая
       15

Как я могу очистить предыдущий выбор, когда asp: TreeView находится в UpdatePanel?

3 голосов
/ 15 октября 2008

У меня есть страница ASP.Net 2.0, которая содержит две панели обновления. Первая панель содержит TreeView. Вторая панель содержит метку и вызывается выбором в дереве. Когда я выбираю узел, метка обновляется, как и ожидалось, и TreeNode, на который я нажал, становится подсвеченным, а ранее выбранный узел больше не подсвечивается. Однако, если узел изначально выделен (выделен) в коде, выделение не удаляется при выборе другого узла.

Разметка 

<asp:UpdatePanel ID="UpdatePanel1" runat="server" ChildrenAsTriggers="false" UpdateMode="Conditional">
   <ContentTemplate>
      <asp:TreeView ID="TreeView1" runat="server" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
         <SelectedNodeStyle BackColor="Pink" />
      </asp:TreeView>
   </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="True">
   <ContentTemplate>
      <asp:Label ID="Label1" runat="server" Text=" - "></asp:Label>
   </ContentTemplate>
   <Triggers>
      <asp:AsyncPostBackTrigger ControlID="TreeView1" EventName="SelectedNodeChanged" />
   </Triggers>
</asp:UpdatePanel>

Код позади 

protected void Page_Load(object sender, EventArgs e)
{
   if (!IsPostBack)
   {
      TreeView1.Nodes.Add(new TreeNode("Test 1", "Test One"));
      TreeView1.Nodes.Add(new TreeNode("Test 2", "Test Two"));
      TreeView1.Nodes.Add(new TreeNode("Test 3", "Test Three"));
      TreeView1.Nodes.Add(new TreeNode("Test 4", "Test Four"));
      TreeView1.Nodes[0].Selected = true;
   }
}

protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{
   Label1.Text = TreeView1.SelectedValue;
}

В начале выбран первый узел. Почему его подсветка не удаляется при выборе другого узла?

Кроме того, я задал другой вопрос о той же настройке , на который у меня нет ответа. Любая помощь будет оценена.

Редактировать Я знаю, что настройка ChildrenAsTriggers="false" будет работать, но я хочу избежать повторного рендеринга дерева, поскольку оно может быть очень большим.

Ответы [ 3 ]

2 голосов
/ 28 декабря 2010 
    /// <summary>
    /// Remove selection from TreeView
    /// </summary>
    /// <param name="tree"></param>
    public static void ClearTreeView(TreeView tree)
    {

        if (tree.SelectedNode != null)
        {
            tree.SelectedNode.Selected = false;
        }
    }
1 голос
/ 16 октября 2008

Вам необходимо установить выбор на false для всех узлов.

Я использую что-то подобное для одного из моих приложений (с моими древовидными категориями tvCategories): 

public void RefreshSelection(string guid)
{
    if (guid == string.Empty)
        ClearNodes(tvCategories.Nodes);
    else
        SelectNode(guid, tvCategories.Nodes);

}

private void ClearNodes(TreeNodeCollection tnc)
{
    foreach (TreeNode n in tnc)
    {
        n.Selected = false;
        ClearNodes(n.ChildNodes);
    }
}
private bool SelectNode(string guid, TreeNodeCollection tnc)
{
    foreach (TreeNode n in tnc)
    {
        if (n.Value == guid)
        {
            n.Selected = true;
            return true;
        }
        else
        {
            SelectNode(guid, n.ChildNodes);
        }
    }

    return false;
}
0 голосов
/ 16 октября 2008

Это может быть немного взломано, но это очистит выбор на клиенте и не обновит панель. 

Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(function BeginRequestHandler(sender, args)
   {
      var elem = args.get_postBackElement();
      var selectedClassName = elem.id + '_1';

      var arrAllElements = GetElementsByClassName(selectedClassName, elem);
      var selectedNode = $get(elem.id + '_SelectedNode').value;

      for(var i = 0; i < arrAllElements.length; i++)
      {
         if(arrAllElements[i].childNodes[0].id != selectedNode)
            RemoveClassName(arrAllElements[i], selectedClassName );
      }
   }
);

Удаляет выбранный стиль / класс из всех узлов дерева, если только его значение не содержится в скрытом поле '_SelectedNode'. GetElementsByClassName и RemoveClassName находятся в моей собственной библиотеке js, но достаточно очевидны.

...