Dynamique des contrôles créés à l'intérieur de UpdatePanel?

Je veux créer un contrôle qui permet à l'utilisateur de concevoir son propre site web de la structure. J'ai imaginé qu'à l'intérieur de UpdatePanel est des contrôle(s) avec TextBox ( pour le nom de la page) et Button 'ajouter ci-dessous". Il ressemblerait à:

|   "Questions" |
| [ add below ] |

|     "Tags"    |
| [ add below ] |

|    "Badges"   |
| [ add below ] |

maintenant, lorsque l'utilisateur clique sur le bouton "Tags" élément doit apparaître une nouvelle, entre les "Tags" et les "Badges", avec le nom modifiable, de sorte que l'utilisateur peut nommer "Utilisateurs" par exemple. Il doit être fait sans publication complète ( pour éviter de page clignote).

Maintenant, c'est mon problème: je ne peut pas charger les commandes (enfin pas tous) dans onInit, car ils n'existent pas, mais je dois assister à la leur, cliquez sur événement donc je doit attacher de l'écouteur d'événement ce qui doit être fait lors de l'Init de la phase. Comment puis-je obtenir fonctionnalités décrites?

J'ai joué un peu pour trop de temps et je suis confus. Je vous serais reconnaissant pour les conseils.

InformationsquelleAutor zgorawski | 2010-11-03

asp.net dynamic-controls

C'est une situation délicate parce que vous avez affaire avec des contrôles dynamiques, vous devez remplir sur la page init afin de persister viewstate, aussi des événements pour les contrôles ajoutés à l'intérieur d'un panneau de mise à jour au cours de clics sur le bouton ne semble pas être enregistré jusqu'à la prochaine publication, de sorte que la normale, cliquez sur le bouton événement ne se déclenche une fois que, chaque fois que vous cliquez sur un contrôle nouvellement ajouté. Il y a peut être une autre façon de contourner ce que je l'ai fait. Si quelqu'un sait, je voudrais savoir.

Ma solution est de garder une liste de ce que vous avez ajoutés dynamiquement, et de le stocker dans une variable de session (à cause de l'état d'affichage n'est pas chargée lors de la page init). Puis sur la page init charge tous les contrôles que vous avez précédemment ajouté. Puis de gérer l'événement click pendant le chargement de la page avec quelques code personnalisé à la place ou à la normal, cliquez sur l'événement.

J'ai créé une page d'exemple pour aider à tester cette.

Voici le code de la page aspx (valeur par défaut.aspx):

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
    <p>This only updates on full postbacks: <%= DateTime.Now.ToLongTimeString() %></p>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:PlaceHolder ID="PlaceholderControls" runat="server"></asp:PlaceHolder>
        </ContentTemplate>
    </asp:UpdatePanel>
    </form>
</body>
</html>

Et voici le code pour le code-behind de la page (par défaut.aspx.cs):

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
///<summary>
///this is a list for storing the id's of dynamic controls
///I have to put this in the session because the viewstate is not
///loaded in the page init where we need to use it
///</summary>
public List<string> DynamicControls
{
get
{
return (List<string>)Session["DynamicControls"];
}
set
{
Session["DynamicControls"] = value;
}
}
protected void Page_Init(object sender, EventArgs e)
{
PlaceholderControls.Controls.Clear();
//add one button to top that will cause a full postback to test persisting values--
Button btnFullPostback = new Button();
btnFullPostback.Text = "Cause Full Postback";
btnFullPostback.ID = "btnFullPostback";
PlaceholderControls.Controls.Add(btnFullPostback);
PlaceholderControls.Controls.Add(new LiteralControl("<br />"));
PostBackTrigger FullPostbackTrigger = new PostBackTrigger();
FullPostbackTrigger.ControlID = btnFullPostback.ID;
UpdatePanel1.Triggers.Add(FullPostbackTrigger);
//-----------------------------------------------------------------------
if (!IsPostBack)
{
//add the very first control           
DynamicControls = new List<string>();
//the DynamicControls list will persist because it is in the session
//the viewstate is not loaded yet
DynamicControls.Add(AddControls(NextControl));
}
else
{
//we have to reload all the previously loaded controls so they
//will have been added to the page before the viewstate loads
//so their values will be persisted
for (int i = 0; i < DynamicControls.Count; i++)
{
AddControls(i);
}
}
}
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//we have to increment the initial
//control count here here be cause we cannot persit data in the viewstate during 
//page init
NextControl++;
}
else
{
HandleAddNextClick();           
}
}
///<summary>
///this function looks to see if the control which caused the postback was one of our 
///dynamically added buttons, we have to do this because the update panel seems to interefere
///with the event handler registration.
///</summary>
private void HandleAddNextClick()
{
//did any of our dynamic controls cause the postback if so then handle the event
if (Request.Form.AllKeys.Any(key => DynamicControls.Contains(key)))
{
DynamicControls.Add(AddControls(NextControl));
NextControl++;
}
}
protected void btnAddNext_Command(object sender, CommandEventArgs e)
{
//this is intentionally left blank we are handling the click in the page load
//because the event for controls added dynamically in the click does
//not get registered until after a postback, so we have to handle it 
//manually.  I think this has something to do with the update panel, as it works 
//when not using an update panel, there may be some other workaround I am not aware of
}
///<summary>
///variable for holding the number of the next control to be added
///</summary>
public int NextControl
{
get
{
return  ViewState["NextControl"] == null ? 0 : (int)ViewState["NextControl"];
}
set
{
ViewState["NextControl"] = value;
}
}
///<summary>
///this function dynamically adds a text box, and a button to the placeholder
///it returns the UniqueID of the button, which is later used to find out if the button
///triggered a postback
///</summary>
///<param name="ControlNumber"></param>
///<returns></returns>
private string AddControls(int ControlNumber)
{
//add textbox
TextBox txtValue = new TextBox();
txtValue.ID = "txtValue" + ControlNumber;
PlaceholderControls.Controls.Add(txtValue);
//add button
Button btnAddNext = new Button();
btnAddNext.Text = "Add Control " + ControlNumber;
btnAddNext.ID = "btnAddNext" + ControlNumber;
int NextControl = ControlNumber + 1;
btnAddNext.CommandArgument = NextControl.ToString();
btnAddNext.Command += new CommandEventHandler(btnAddNext_Command);
PlaceholderControls.Controls.Add(btnAddNext);
//add a line break
PlaceholderControls.Controls.Add(new LiteralControl("<br />"));
return btnAddNext.UniqueID;
}    
}

Laissez-moi savoir si ce code vous aide à tous. J'ai essayé d'ajouter des commentaires avec ma compréhension de ce qui se passe et comment il fonctionne.

Je vais certainement vérifier votre solution après le travail et vous donner plus de commentaires. Merci beaucoup pour l'échantillon, même si je n'ai pas le demander!
Fonctionne comme un charme 🙂 j'ai oublié / na sais à propos de quelques-uns des éléments que vous avez utilisé le mien solution était incomplète. Merci beaucoup! Vous m'a beaucoup aidé 🙂
content d'avoir pu aider, je souhaite qu'il y avait un moyen de le faire sans l'aide de la session, mais je ne connais pas d'autre moyen facile de stocker et de récupérer des infos avant le viewstate charges. Vous pourriez probablement utiliser les champs cachés ou les cookies, mais celles-ci semblent comme portaient même des idées. Peut-être il ya un moyen de charger le viewstate manuellement et l'utiliser dans la page init.
Ce n'est pas vrai. Chargement d'un contrôle dynamique dans OnLoad sera beau travail -- tant que le contrôle de l'arbre est en forme le même! -- parce que les événements se "rattraper". - Je restaurer des contrôles dynamiques de l'état d'affichage de tous les temps. J' ne pas magasin du Contrôle, de l'esprit, mais plutôt les "informations nécessaires pour savoir comment reconstruire l'arborescence de contrôle". L'important, c'est la reconstruction de la même arborescence. Assurez-vous que le contrôle de l'arbre est de forme identique à l'aide d'un espace réservé de contrôle (qui est chargé dans l'Init, peut-être dans le balisage) est une technique utile: le ViewState lit comme un arbre.
(Quand je dis que l'espace réservé de contrôle est chargée dans l'Init, je ne veux pas dire que le dynamic enfants sont nécessairement chargée dans l'Init: création/ajout de la enfants peut être reporté à la Charge quand la Page/l'espace réservé à l'état d'affichage n'est accessible. Quand les enfants sont Créé/Ajouté qu'ils vont à travers leur propre Init/processus de Chargement. Le supplément de ViewState ne pas les jeter hors de la primaire Init/Charger en raison de la structure en arbre dans lequel il est stocké!)
et si voulez supprimer les contrôles ???

InformationsquelleAutor Chris Mullins

Cette façon de travailler pour moi

   protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack)
{
Button_Click(null, null);
}
}

Bouton d'appel

 protected void Button_Click(object sender, EventArgs e)
{
Panel1.Controls.Clear();
this.YourMethod();
}
}

Avant d'appeler la méthode claire le contrôle sinon il va charger deux fois

InformationsquelleAutor aas

-1

Si vous voulez dynamique gestionnaires d'événements pour vos commandes, vous pouvez essayer ce -

D'envisager un contrôle de bouton,
```
Button btnTest = new Button();
btnTest .Click += new EventHandler(btnTest_Click);
```
Vous pouvez avoir votre code dans l'événement click du bouton,
```
void btnTest_Click(object sender, EventArgs e)
{
//your code
}
```
InformationsquelleAutor pavanred

Vous devez vous connecter pour publier un commentaire.