Accéder en javascript à une colonne personnalisée d'un gridview

Version imprimable

Bonjour,

J'ai un gridview avec une colonne personnalisée sous la forme d'un textbox :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<asp:GridView runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False" DataKeyNames="Code" >
      <Columns>
<asp:hyperlinkfield datatextfield="Code" 
            ...>
   <asp:TemplateField>
            <HeaderTemplate>
          <asp:Label ID="Label1" runat="server" Text="Zone texte"></asp:Label>
            </HeaderTemplate>
            <ItemTemplate>
            <asp:TextBox ID="Commentaires" runat="server" Width="300px" ></asp:TextBox>
 </ItemTemplate>
      </asp:TemplateField>
 
  </Columns>
 </asp:GridView>

Je voudrais accéder à mon textbox 'Commentaires' dans une fonction javascript.
J'ai essayé cela, mais mon composant n'est pas reconnu :

Code:

1
2
3
4
5
6
7
<script type="text/javascript">
     function ChargementTexte()
      {
         //Récupère les références des deux textbox
         var TextBoxMere = document.getElementById("<%= Commentaires.ClientID %>");
      }   
</script>

Est-ce que quelqu'un verrait ce qui manque? Merci.

21/07/2010, 11h35
Arthis

"Commentaires" est un contrôle qui appartient a ta gridview il est invisible en dehors de celle ci, et même plus en dehors de la ligne ou il va être instancié. Pour le retrouver il faut demander a sa ligne de le retrouver .

typiquement, on utilise l'évènement onrowdatabound de ta grid view et ensuite:

Code:

e.row.findControl("Commentaires")
23/07/2010, 10h34
stefsas

Ok d'habitude j'utilise aussi cet événement, mais dans mon cas cela pose problème. Est ce qu'il y aurait tout de même un autre moyen d'accéder au composant du gridview dans la fonction javascript (qui se trouve dans la page aspx) sans passer par l'évenement onrowdatabound ?

Merci.
23/07/2010, 11h02
Arthis

Citation:

Est ce qu'il y aurait tout de même un autre moyen d'accéder au composant du gridview dans la fonction javascript (qui se trouve dans la page aspx) sans passer par l'évenement onrowdatabound ?

oui tous les évènement lies a la ligne .

Citation:

Ok d'habitude j'utilise aussi cet événement, mais dans mon cas cela pose problème.

Il ne devrait pas y en avoir de problème. Donne plus de détail sur ce que tu souhaites faire.
23/07/2010, 11h18
calagan99

J'imagine que ta question est liée au post dans lequel tu essayes d'affecter le contenu d'un textbox t2 situé dans une popup modale à un textbox t1 situé dans une gridview.

Les contrôles situés dans une grid ont un id unique. Tu peux donc récupérer cet id de contrôle et lui affecter une valeur par JS.

Sinon, l'autre solution consiste selon moi à générer un postback au clic sur le CancelControlID de ta popup.
Dans l'event JS OnCancelClick(), tu récupères l'unique id de ton CancelControlID, et génère un postback à l'aide de ScriptManager.GetPostbackEventReference. (la fonction doit être définies depuis le .cs)
Dés lors, tu te retrouve dans un event server habituel dans lequel tu récupères les contenu de t2 et l'affecte à la source de données de ta grid.

Oui c'est bien pour rejoindre mon autre post mais je voulais trouver une méthode alternative.

J'ai essayé de tester différentes choses concernant la méthode ScriptManager.GetPostbackEventReference en regardant différents exemples sur internet mais je n'ai pas bien compris comment l'utiliser dans mon cas :

Pour l'instant, j'ai définie ma fonction javascript :
Code:

1 2 3 4 5 6 7 8 <script type="text/javascript"> function ChargementTexte() { //Récupère les références des deux textbox var ControleID = document.getElementById("<%= LienFermerFenetre.ClientID %>"); } </script>
Et quand tu parle de l'utilisation Page.ClientScript.GetPostBackEventReference, tu parle de l'utiliser dans le page load où directement dans l'évenement databound de cette manière ?
Code:

1 2 3 4 5 6 if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes.Add("onclick",Page.ClientScript.GetPostBackEventReference(sender,?) }

Alors, concernant le GetPostBackEventReference, dans ton aspx :
- tu ajoutes un Linkbutton

Code:

<asp:LinkButton runat="server" ID="FakeLB" style="display:none" OnClick="FakeLB_Click"

- dans la déclaration de ta popup modale :

Code:

<ajaxControlToolkit:ModalPopupExtender... CancelControlID="LBCancel" CancelScript="javascript:ClosePopup();">

Puis, dans ton cs :
- dans le pre_render :
Code:

1 2 3 4 5 ScriptManager.RegisterStartupScript(this, this.GetType(), "ClosePopup", string.Format(@" function ClosePopup() {{ {0}; }}", new object[] { Page.GetPostBackEventReference(this.FakeLB) }), true);
A ce stage, au clic sur LBCancel, ta popup se fermera, passera dans la fonction js ClosePopup et déclenchera l'event FakeLB_Click.

Dans ton cs toujours :
- implémente l'event FakeLB_Click:
Code:

1 2 3 4 5 6 protected void FakeLB_Click (object sender, EventArgs e) { string taValeur = T2.Text; //(où T2 est le textbox de ta popup) //récupérer la source de données de la gridview, et affecter à l'élément voulu la variable taValeur. // affecter ta source de données à la grid et la rebinder. }