Comment puis-je recharger un panneau de mise à jour du côté client en utilisant javascript?

Question

J'ai un bouton gridview que j'ai créé par programmation et je veux charger un panneau de mise à jour du côté client avec les données envoyées. J'ai un champ de valeur cachée qui obtient ses données sur le clic du bouton gridview et la liste déroulante dans mon updatepanel dépend de cette valeur.

Answer 1

tout en appelant __doPostBack directement fonctionnera, ce n'est pas une solution parfaite, car le nom de cette fonction est strictement un détail de mise en œuvre du cadre .Net.

Une meilleure solution consiste à utiliser ClientScriptManager.GetPostBackEventReference, ce qui vous donne une interface plus résiliente pour la même fonctionnalité. Notez que GetPostBackEventReference et GetCallBackEventReference ne sont pas la même chose - le premier provoque un rechargement de page (partiel ou complet, selon la façon dont vos UpdatePanels sont configurés), tandis que ce dernier ne le fait pas.

Answer 2

nous utilisons la méthode __doPostBack() qui simule un postback et provoque l'UpdatePanel pour rafraîchir

__doPostBack('controlName',''); 

Ne pas oublier que le nom de contrôle est son ID HTML (qui pourrait bien contenir des dollars, etc.) et non juste c'est ASP.NET ID.

Pour autant que je sais que vous pouvez appeler cette méthode et de passer dans le champ de la valeur cachée, ou div qu'il est.

Answer 3

La méthode la plus simple consiste à appeler __doPostBack du côté client.

Sur méthode Button1_onclick côté client, appelle:

__doPostBack('<%=UpdatePanel1.ClientID %>','Refresh:0,1,2'); //refresh update panel 

À la page ajouter derrière le gestionnaire d'événement suivant pour capturer l'appel après retour:

protected void UpdatePanel1_Load(object sender, EventArgs e) 
{ 
    string arg = Request.Form["__EVENTARGUMENT"]; 

    if (string.IsNullOrEmpty(arg)) return; 

    if (arg.StartWith("Refresh") 
    { 
     //parse data first then do your thing here... 
    } 
} 

Et bien sûr, ne pas oublier de fil événement à la méthode ci-dessus:

protected void Page_Init(object sender, EventArgs e) 
{   
    UpdatePanel1.Load += new EventHandler(UpdatePanel1_Load); 
}