Comment charger un panneau au moment du clic avec un ModalPopupExtender?

Question

Je suis en train de créer une liste de contrôle, où "checklistitems" est ajouté à une "checklist". Chacun des éléments a un bouton à côté de lui pour lancer un popup modal qui contiendra des informations supplémentaires sur l'élément. Comme il y a tellement d'éléments, j'ai mis le panneau qui apparaîtra sur la "liste de contrôle", donc il ne sera qu'une seule fois sur la page web. Le ModalPopupExtender semble gérer cette popup inter-classe très bien.

Ma question est comment puis-je charger des informations dans ce panneau? Le "checklistitem" a les données qui doivent être passées dans la liste de contrôle - et j'aimerais accomplir cela avec un panneau de mise à jour pour éviter une publication complète.

Answer 1

Vous pouvez le faire via javascript sans publication.

Throw une fonction javascript dans l'événement OnClientClick du bouton et faire paraître quelque chose comme ceci:

MyButton.OnClientClick = "ShowModal(); return false;" 

Et puis en javascript:

function ShowModal() 
{ 
var myDiv = document.getElementById("SomeDivInTheModal"); 
myDiv.InnerHTML = "<b>Some specal HTML to show in the modal.</b>"; 
var mpe = $find('MyModalPopUpBehaviorId'); 

if (mpe) { 
mpe.show(); 
} 

}