L'ajout de PostBackTriggers et AsyncPostBackTriggers à UpdatePanel pour générées dynamiquement petit-contrôles

J'ai une page avec un ScriptManager, un générique HTML liste déroulante (<select>), et un UpdatePanel. L'UpdatePanel contient un espace Réservé (pour l'instant). Au cours de Page_Load, un certain nombre de contrôles utilisateur sont ajoutés à l'espace Réservé (vraiment, c'est plusieurs instances de la même contrôle de l'utilisateur). Le nombre à ajouter n'est pas connue jusqu'à ce que le chargement de la page, de sorte qu'ils ne doivent être chargés dynamiquement. La liste déroulante est rempli avec le même nombre d'éléments de menu, et il y a du javascript sur la page également (à l'aide de jQuery) pour afficher uniquement les commandes à l'heure en fonction de l'état de la liste déroulante.

Chaque utilisateur de contrôle dispose de deux boutons qui devrait générer une publication asynchrone, une liste déroulante qui devrait générer une publication asynchrone sur un changement de la valeur sélectionnée, et un bouton qui devrait générer un synchrone de publication. Si je n'étais pas générer les contrôles dynamiquement, et si il n'y avait qu'un seul contrôle, la structure serait quelque chose comme:

<asp:UpdatePanel ID="myUpdatePanel" runat="server" UpdateMode="Conditional"
                 ChildrenAsTriggers="false">
    <ContentTemplate>
        <asp:TextBox ID="textBox1" runat="server" />
        <asp:TextBox ID="textBox2" runat="server" />
        <asp:Button ID="asyncButton1" runat="server" Text="Button1"
                    onclick="asyncButton1_Click" />
        <asp:DropDownList ID="asyncDropDown" ruant="server" AutoPostBack="true"
                    OnSelectedIndexChanged="asyncDropDown_SelectedIndexChanged" />
        <asp:Button ID="asyncButton2" runat="server" Text="Button2"
                    OnClick="asyncButton2_Click" />
        <asp:Button ID="syncButton" runat="server" Text="SyncButton"
                    OnClick="syncButton_Click" />
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="asyncButton1" EventName="Click" />
        <asp:AsyncPostBackTrigger ControlID="asyncButton2" EventName="Click" />
        <asp:AsyncPostBackTrigger ControlID="asyncDropDown"
            EventName="SelectedIndexChanged" />
        <asp:PostBackTrigger ControlID="syncButton" />
    </Triggers>
</asp:UpdatePanel>

Bien sûr, tous les contrôles à l'intérieur de la ContentTemplate serait en fait une partie de chaque contrôle de l'utilisateur.

Ajoutant les déclencheurs sur le côté serveur ne semble pas fonctionner, car aucune ControlID semble pour aider à l'UpdatePanel trouver les contrôles pertinents. Je peux utiliser l'ID du contrôle ou le contrôle de l'id unique, et il ne fonctionne pas, et j'obtiens une erreur le long de la lignes de

A control with ID 'ctl00$ContentPlaceHolder1$ctl01$asyncButton1' could not be
found for the trigger in UpdatePanel 'myUpdatePanel'.

Alors, je me demande si j'ai besoin d'enregistrer les déclencheurs dans le client au lieu d'utiliser ASP.NET Ajax. J'ai trouvé cette page que, fondamentalement, explique comment. Cependant, je ne sais pas comment pour obtenir le EventName pris en considération. Les exemples que j'ai vu jusqu'à présent ont tout simplement été l'ajout de clics sur le bouton, mais je ne sais pas comment gérer l'événement SelectedIndexChanged à partir de la liste déroulante.

Toute l'aide ici? Existe-il des exemples là-bas que j'ai raté? Cela n'aide pas, bien sûr, que la méthode dans le lien que j'ai donné semble être "non officiel", donc je ne vois pas de MSDN de documents sur le sujet.

Merci!

Êtes-vous à l'aide .net framework 4.0? Je demande parce que maintenant vous avez plus de contrôle sur le Contrôle.ClientID: msdn.microsoft.com/en-us/library/...
Non, ce doit être .NET 3.5 pour l'instant.
tagged as 3.5. Je vais aller pour voir de plus près plus tard.

OriginalL'auteur Andrew | 2011-01-20

Ma suggestion serait de tirer toutes vos commandes inclus cette UpdatePanel de ce UpdatePanel dans un UserControl. Définir les événements dans votre usercontrol qui sont soulevées lorsque l'utilisateur clique sur les boutons ou la liste Déroulante de l'index sélectionné pour se changer. Poignée de ces événements dans votre page qui contient l'espace Réservé(dans un seul UpdatePanel,conditionnel,sans déclencheurs). Appeler la mise à Jour de la méthode de la principale panneau de mise à jour manuellement si vous ajoutez des UserControls.

Pour clarifier ce que je veux dire avoir un coup d'oeil à l'exemple suivant:

Principal-page aspx:

<asp:UpdatePanel ID="Upd1" runat="server" UpdateMode="Conditional">
  <ContentTemplate>
     <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
  </ContentTemplate>
</asp:UpdatePanel>

Le code-behind:

  Private Property UserControlCount() As Int32
Get
If ViewState("UserControlCount") Is Nothing Then
ViewState("UserControlCount") = 1
End If
Return DirectCast(ViewState("UserControlCount"), Int32)
End Get
Set(ByVal value As Int32)
ViewState("UserControlCount") = value
End Set
End Property
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
recreateUserControls()
End Sub
Private Sub recreateUserControls()
For i As Int32 = 1 To Me.UserControlCount
Dim uc As DynamicControls = DirectCast(Me.LoadControl("DynamicControls.ascx"), DynamicControls)
uc.ID = "DynamicControls_" & i
Addhandlers(uc)
Me.PlaceHolder1.Controls.Add(uc)
Next
End Sub
Private Sub Addhandlers(ByVal uc As DynamicControls)
AddHandler uc.asyncButton1Clicked, AddressOf ucAsyncButton1Clicked
AddHandler uc.asyncButton2Clicked, AddressOf ucAsyncButton2Clicked
AddHandler uc.syncButtonClicked, AddressOf ucSyncButtonClicked
AddHandler uc.asyncDropDownSelectedIndexChanged, AddressOf ucAsyncDropDownSelectedIndexChanged
End Sub
Private Sub addUserControl()
Me.UserControlCount += 1
Dim uc As DynamicControls = DirectCast(Me.LoadControl("DynamicControls.ascx"), DynamicControls)
uc.ID = "DynamicControls_" & Me.UserControlCount
Addhandlers(uc)
Me.PlaceHolder1.Controls.Add(uc)
Upd1.Update()
End Sub
Private Sub ucAsyncButton1Clicked(ByVal sender As Object, ByVal e As EventArgs)
'only to demonstrate how to add control dynamically and update the UpdatePanel'
addUserControl()
Me.Upd1.Update()
End Sub
Private Sub ucAsyncButton2Clicked(ByVal sender As Object, ByVal e As EventArgs)
End Sub
Private Sub ucSyncButtonClicked(ByVal sender As Object, ByVal e As EventArgs)
End Sub
Private Sub ucAsyncDropDownSelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)
End Sub

ascx qui détient vos commandes:

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="DynamicControls.ascx.vb" Inherits="AJAXEnabledWebApplication1.DynamicControls" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:UpdatePanel ID="myUpdatePanel" runat="server" UpdateMode="Conditional"
ChildrenAsTriggers="false">
<ContentTemplate>
<asp:TextBox ID="textBox1" runat="server" />
<asp:TextBox ID="textBox2" runat="server" />
<asp:Button ID="asyncButton1" runat="server" Text="Button1" />
<asp:DropDownList ID="asyncDropDown" runat="server" AutoPostBack="true" />
<asp:Button ID="asyncButton2" runat="server" Text="Button2" />
<asp:Button ID="syncButton" runat="server" Text="SyncButton" />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="asyncButton1" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="asyncButton2" EventName="Click" />
<asp:AsyncPostBackTrigger ControlID="asyncDropDown" EventName="SelectedIndexChanged" />
<asp:PostBackTrigger ControlID="syncButton" />
</Triggers>
</asp:UpdatePanel>

Le code-behind de UserControl:

Public Partial Class DynamicControls
Inherits System.Web.UI.UserControl
Public Event asyncButton1Clicked(ByVal sender As Object, ByVal e As System.EventArgs)
Public Event asyncButton2Clicked(ByVal sender As Object, ByVal e As System.EventArgs)
Public Event syncButtonClicked(ByVal sender As Object, ByVal e As System.EventArgs)
Public Event asyncDropDownSelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs)
Private Sub asyncButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles asyncButton1.Click
RaiseEvent asyncButton1Clicked(sender, e)
End Sub
Private Sub asyncButton2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles asyncButton2.Click
RaiseEvent asyncButton2Clicked(sender, e)
End Sub
Private Sub syncButton_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles syncButton.Click
RaiseEvent syncButtonClicked(sender, e)
End Sub
Private Sub asyncDropDown_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles asyncDropDown.SelectedIndexChanged
RaiseEvent asyncDropDownSelectedIndexChanged(sender, e)
End Sub
End Class

De cette manière vous n'aurez pas de problèmes avec ClientID.

Plus:
Si vous avez besoin d'accéder aux commandes de votre UserControls dans le cas des gestionnaires, utilisez l'une des deux options suivantes:

fonte de l'expéditeur NamingContainer de l'objet userControl type: Dim uc As DynamicControls = DirectCast(DirectCast(sender, Control).NamingContainer, DynamicControls)
remplacer toutes les occurences de (ByVal sender As Object, ByVal e As System.EventArgs) avec (uc as DynamicControls). De cette manière, la référence de votre UserControl est ajouté à l'événement en tant que paramètre et vous pouvez avoir accès à des propriétés publiques de la page, f.e.:
```
dim txt1 as String = uc.Text1
```

Si vous avez exposé une propriété Texte1 dans le contrôle UserControl:

Public Property Text1() As String
Get
Return textBox1.Text
End Get
Set(ByVal value As String)
textBox1.Text = value
End Set
End Property

La deuxième option est la plus propre et la plus lisible.

Mise à jour:
En fonction de votre commentaire: vous devez placer les UpdateProgress dans le contrôle UserControl à l'intérieur de l'UpdatePanel qui est mis à jour. N'oubliez pas de régler le AssociatedUpdatePanelID correctement. Par exemple:

<asp:UpdatePanel ID="UdpForm" runat="server" UpdateMode="conditional" ChildrenAsTriggers="false"  >
<ContentTemplate>
<asp:panel ID="FormPanel" runat="server">
<asp:UpdateProgress ID="UpdateProgress1" DynamicLayout="true" runat="server" AssociatedUpdatePanelID="UdpForm" DisplayAfter="0" >
<ProgressTemplate>
<div class="progress">
<asp:Image ID="ImgProgress1" runat="server" ImageUrl="~/images/ajax-loader-arrows.gif" ToolTip="loading..." />&nbsp;please wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>     
<asp:FormView ID="FormView1"  runat="server" DefaultMode="ReadOnly"  >
<ItemTemplate></ItemTemplate>
<EditItemTemplate></EditItemTemplate>
<InsertItemTemplate></InsertItemTemplate>
<EmptyDataTemplate>
</EmptyDataTemplate>
<PagerTemplate >
</PagerTemplate>
</asp:FormView>
</asp:panel>
</contenttemplate>
</asp:UpdatePanel> 
<asp:UpdatePanel ID="UpdContent" runat="server" UpdateMode="conditional" ChildrenAsTriggers="false"  >
<ContentTemplate>
<asp:Panel ID="PnlMain" runat="server">
<asp:UpdateProgress ID="UpdateProgress2" DynamicLayout="true" runat="server" AssociatedUpdatePanelID="UpdContent" DisplayAfter="0" >
<ProgressTemplate>
<div class="progress">
<asp:Image ID="ImgProgress1" runat="server" ImageUrl="~/images/ajax-loader-arrows.gif" ToolTip="loading..." />&nbsp;please wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
Content
</asp:Panel>
</ContentTemplate> 
<Triggers ></Triggers>
</asp:UpdatePanel>

Merci. J'ai le débogage de l'application, et je pense que cette plus-ou-moins. Savez-vous comment obtenir un UpdateProgress à afficher lorsque l'un des déclencheurs de l'est, ainsi, déclenchée dans cette situation? J'ai essayé de placer le UpdateProgress dans la page et dans le contrôle (en dehors de la UpdatePanel dans les deux cas), et dans les deux cas, semble-t-il.
j'ai mis à jour ma réponse avec un exemple(pour simplifier, sans contenu)qui fonctionne pour moi. Il dispose de deux updatepanels à l'intérieur d'un UserControl. L'ajuster à vos besoins.
Merci pour l'aide!

OriginalL'auteur Rango

Vous devez vous connecter pour publier un commentaire.