Discussion :

[stefsas]

Bonjour,

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

Code :

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

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 JS :

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

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.

[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 :

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

e.row.findControl("Commentaires")

[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.

[Arthis]

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 .

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.

[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.

[stefsas]

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 JS :

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

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 :

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

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

[calagan99]

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

Code :

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

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

- dans la déclaration de ta popup modale :

Code :

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

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

Puis, dans ton cs :
- dans le pre_render :

Code :

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

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 :

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

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.
}