Discussion :

[sovitec]

Bonjour,

Je voudrais utiliser un Formview dans une fenêtre popup pour modifier les informations correspondant à une ligne d'un Gridview affiché à l'écran.

Pour être précis je désirerais obtenir le comportement suivant :
- J'ai un Gridview qui me donne la liste des valeurs des principaux champs d'une table.
- Un click sur un bouton "éditer" d'une des lignes du Gridview ouvre une fenêtre popup contenant un FormView avec tous les champs modifiables de la ligne cliquée.
- Si l'utilisateur valide ses modifications alors la fenêtre popup se ferme et les éléments correspondant se mettent à jour dans le Gridview.

En fait cela correspond au mode d'édition "en ligne" d'un Gridview, sauf que la modification des champs se fait dans un FormView à part.

Mon problème est que je ne sais pas comment remplir mon FormView lorsque l'utilisateur clique sur le bouton éditer du Gridview et inversement comment remettre à jour le GridView une fois les modifications effectuées.

J'ai bien une solution, mais elle consiste à générer de lourds appels Javascript difficiles à maintenir. Existe t-il une solution simple utilisant les fonctionnalités du Framework ?

Merci d'avance.

[p_mehdi]

Utilise un modal popup de l'ajaxcontroltoolkit....

Tu ouvre ton popup sur le clic du gridview... Une fois la mise donnée saisie dans le modalpopup tu intercepte l'évenemment Onclick du bouton que tu auras mis dans ton modal popup ( ou l'évenement Ontextchanged si tu veux pas de bouton)...


Ensuite via le code behind dans l'évenement tu fais :

- Mise a jour de ta table ( enfin ton enreg)
- Bind du gridview..

Et hop le tour est joué...

Pas besoin de javascript l'ajax est la pour toi

[sovitec]

Merci pour la réponse, mais je ne comprend toujours pas comment :

• Comment faire un Bind de mon Formview sur l'enregistrement à éditer
• Comment mettre à jour le GridView en fin d'opération

Un petit exemple de code m'aiderait surement beaucoup.

Merci encore en tous cas.

[p_mehdi]

Allez un bout de code parce que je suis en forme aujourd'hui

Le gridview ( simplifié que les balises qui m'intéressent)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
 <asp:GridView ID="GridView_View" runat="server"> 
<Columns>
    <asp:TemplateField>
        <ItemTemplate>
               <cc1:ModalPopupExtender ID="ModalPopup" runat="server" OkControlID="btn_Ok" CancelControlID="btn_cancel"  PopupControlID="panel_Modal" TargetControlID="toto" ></cc1:ModalPopupExtender>                                     
<asp:Panel ID="panel_Modal" runat="server" CssClass="ModalPopup">                                                         
   </Columns>
    </asp:TemplateField>
</ItemTemplate>
 </asp:GridView>

Comme tu le voit tu peut mettre ce que tu veux dans le panelModalpopup ( dans ton cas tes zones de saisies)...

Une fois la saisie résalisée tu te place dans l'évennement souhaité genre clic du bouton de mise jour de ton panelmodalpopu

puis tu fait

Je lance ma requête sur ma table de donnée en mise a jour par rapport a la clé du gridview...

puis tu bind ton gridview

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
 
GridView_View.databind();

voili voilou....

[sovitec]

Merci encore une fois, mais désolé, je ne comprend toujours pas.

Je ne vois toujours pas comment écrire le binding de mon FormView, ni les boutons de commande de mon GridView

[nachtigal]

Et si tu laissais VS générer tout le code nécessaire pour ton FormView ? Tu mets un FormView sur ta webform, tu passes en mode design, smart-tag, tu créés un nouveau datasource, soit un ObjectDataSource, soit un LinqDataSource, etc, et là comme par magie, tout le code nécessaire avec tous les champs est généré !
nachtigal.

[p_mehdi]

ben moi je peux pas faire mieux.... désolé