Ouvrir une popup avec un buttonField dans un GridView

Version imprimable

Le souci est trés simple : on clique sur un ButtonField dans un GridView et une popup s'ouvre grâce à du Javascript.

Pour l'instant j'ai essayé pas mal de chose, mais ne fonctionne. Le plus gros ennui que j'ai est qu'il n'y a pas de mesage d'erreur. Il ne se passe tout simplement rien ou alors c'est le UpdatePanel qui mange le message, mais là, je ne sais pas comment aller le chercher.

Donc, si une âme charitable passe par là et vois l'erreur, un grand merci d'avance.

Voici mon code HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<asp:SqlDataSource ID="sdsGvCampagne" runat="server" 
	ConnectionString="<%$ ConnectionStrings:CS %>">
</asp:SqlDataSource>
 
<ajax:UpdatePanel ID="upCampagne" runat="server" UpdateMode="Always">
	<Triggers>
		<ajax:AsyncPostBackTrigger ControlID="gvCampagne" EventName="RowCommand" />
		<ajax:AsyncPostBackTrigger ControlID="gvCampagne" EventName="PageIndexChanged" />
	</Triggers>
	<ContentTemplate>
	<asp:GridView ID="gvCampagne" runat="server" 
		DataSourceID="sdsGvCampagne" 
		AutoGenerateColumns="false" 
		AllowPaging="true" 
		DataKeyNames="Id_Campagne" 
		PageSize="15" 
		PagerStyle-HorizontalAlign="Center">
	<PagerSettings Position="Bottom" 
		Mode="NextPreviousFirstLast" 
		FirstPageText="Début" 
		LastPageText="Fin" 
		NextPageText="Suivant" 
		PreviousPageText="Précédent" />
	<Columns>
		<asp:BoundField DataField="Id_Campagne" HeaderText="ID" />
		<asp:BoundField DataField="Libelle" HeaderText="Libelle" />
		<asp:BoundField DataField="Regie" HeaderText="Régie" />
		<asp:ButtonField ButtonType="Image" ImageUrl="~/App_Themes/jemprunte/loupe.png" Text="Apercu" CommandName="Apercu" />
		<asp:ButtonField ButtonType="Image" ImageUrl="~/App_Themes/Jemprunte/modifier_16.png" Text="Modifier" CommandName="Modif" />
	</Columns>
</asp:GridView>
		<asp:PlaceHolder ID="FormuModif" runat="server"></asp:PlaceHolder>
	</ContentTemplate>
</ajax:UpdatePanel>

Et mon code Behind.

Code:

1
2
3
4
5
6
7
8
 
Protected Sub gvCampagne_RowCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs) Handles gvCampagne.RowCommand
	Select Case e.CommandName
		Case "Apercu"
			Dim IdCell As TableCell = CType(gvCampagne.Rows(Convert.ToInt32(e.CommandArgument)), GridViewRow).Cells(0)
		Me.Page.ClientScript.RegisterStartupScript(Me.GetType, "monscript", "<script type='text/javascript'>OuvrirPopupParam('/Default.aspx?page=18&mail=campagne&campagne=" & IdCell.Text & "', 1050, 750, 'no', 'no', 'no', 'no', 'no', 'yes', 'no');</script>")
	End Select
End Sub

Personnellement, lorsque je dois ouvrir une pop-up à l'update d'un updatepanel j'utilise le PageRequestManager.
Dans ton cas, je tenterais (j'ai bien dit TENTERAIS) un truc de ce style :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <script language="javascript" type="text/javascript"> var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); var postBackElement; function EndRequest(sender, args) { if (postBackElement.id == 'monButtonFieldsClientId*')) { window.open('./maPage.aspx?maQueryString?QUERY'); } }
* = Le client ID de ton ButtonField.

Le problème ici va être de passer dynamiquement le clientID de ton ButtonField à la fonction JS.

Sinon, comme l'explique la doc, cet objet permet de récupérer toute mise à jour d'un updatepanel. Super pratique donc, bien que méconnu.

14/05/2008, 09h12
zooffy

Merci pour ton aide.

Il y a tout de même un truc que je ne comprends pas : est ce que le bout de code que tu donnes va dans un fichier JS ou est ce que je l'envoi avec le RegisterStartupScript ?

Si c'est le RegisterStartupScript, facile de passer un truc, variable ou ID.
Sinon, le problème reste entier pour moi : comment déclencher la fonction JS à partir du click du ButtonField.

A force de réfléchir, je pense que le problème se situe là.

C'est la limite de ma solution ! Je ne maîtrise pas le registerStartUpScript et ne pourrai donc te répondre.
Personnellement, ce bout de code est utilisé dans la balisage de mes pages (.aspx), néanmoins, je ne vois pas ce qui empêcherait de l'utiliser dans le registerStartUpScript.
Dans ce cas, il faut mettre ça :
Code:

1 2 3 4 5 <script language="javascript" type="text/javascript"> var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); var postBackElement;
dans le balisage de ta page ou dans ton master page

et ca :
Code:

1 2 3 4 5 6 7 function EndRequest(sender, args) { if (postBackElement.id == 'monButtonFieldsClientId*')) { window.open('./maPage.aspx?maQueryString?QUERY'); } }
dans ton regsiterstartupscript.

EDIT : après réflexion, je pense que tout le script peut être intégré dans le registerstartupscript. Une validation de cette affirmation par quelqu'un de plus calé en la matière serait néanmoins appréciable.

15/05/2008, 11h06
zooffy

Euh, et si on essayer juste de revenir à un truc simple : est ce qu'il faut déployer le même genr de chose pour faire une simple alert() ?

Parce que, j'ai implémenté le script complet, mais je rencontre pas mal de problème et quand j'ai voulu simplifié avec un alert(), ben je me suis retrouvé tout paumé.