Controle dynamique dans un header de gridview

**Gladiator** · 01/10/2007, 16h36

Bonjour,

Je souhaiterais créer une gridview avec des champs de filtre pour chacune des colonnes... Donc des textbox. Pour positionner correctement ces textbox, je choisit de les mettre dans le header de mon gridview, juste en dessous du link de tri:

Code :

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

1
2
3
4
5
6
7
8
9
10
GridViewRow rowHead = gv_commandes.HeaderRow;
TextBox t;
for (int i = 0; i < rowHead.Cells.Count; i++)
{
            t = new TextBox();
            t.Width = 100;
            t.Style.Value = "font-family: Sans-serif; font-size: 10px;";
            t.Attributes.Add("onkeyup", "remplirListeTimeOut()");
            rowHead.Cells[i].Controls.Add(t);
}

Bon quand ce code je le met dans le onLoad de la page, les boutons disparaissent dès que je fait un postback... J'ai testé, il passe bien dans le code, mais il ne me créé pas les controles. J'ai essayé de le mettre dans un code if (!isPostBack) {} comme on m'a conseillé de le faire (je ne vois pas pourquoi d'ailleur... Au pire si je ne le met pas la dedans, il doit me les recréer de toute façon, que je sois en postback ou non, non??) et çà ne marche pas plus.

Si je veux le mettre dans le onInit de la page, çà ne marche pas puisqu'il n'a pas encore créé la gridview, et ne connait donc pas l'attribut grille.HeaderRow que j'utilise.

Si le code je le met dans l'événement RowCreated de la gridview, avec un petit:

Code :

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

if (e.Row.RowType == DataControlRowType.Header)

Pour l'encapsuler, il me recréé bien les textbox à chaque postback, sauf qu'il n'arrive pas à me garder le contenu des textbox: je tape quelquechose pour filtrer, il me charge la grille avec les données filtrées, et me remet mon textbox à vide... Impossible aussi de remplir dynamiquement le contenu des contrôles en récupérant les données transmises par Request.Form, parceque je n'arrive pas à récupérer les ID des contrôles.

Bien sûr, si je sors mes textbox de la gridview, et si je les met dans un panel quelconque, tout fonctionne bien, mais c'est moche (impossible de connaitre la taille et la position des colonnes de la gridview, pour faire un joli affichage des texbox, çà serait trop facile...)

Bref, voilà, je sais pas du tout comment faire çà...
Avez-vous une idée pour construire ce type de grille, avec des textbox accessibles et bien positionnées, en haut de chaque colonne? Sachant qu'évidemment, ma grille se construit via une requête qui elle aussi est dynamique (je ne peux pas ajouter mes textbox à la mimine).

Merci d'avance.

**lutecefalco** · 01/10/2007, 16h51

Avec t.Id = ..., tu dois pouvoir spécifier l'id de tes textbox.

Ensuite, tu peux mettre leur valeur dans le ViewState et ainsi la récupérer entre les post backs

**Gladiator** · 01/10/2007, 16h58

Eh bien, à moins que je me sois planté, si je veux mettre un ID du style "champFiltre0", "champFiltre1" .... l'instruction t.ID génère un un ID "nom_de_la_grille$ctl01$champFiltre00" ou quelque chose dans le genre. L'instruction t.Attributes["ID"] = "champFiltre0" me génère bien le bon ID.

Mais pour la récupération dans le viewstate, le problème ne vient de l'ID, mais du name, car c'est le champ name qui est utilisé ("nom_de_la_grille$ctl01$ct00" ou autre, impossible de savoir si la même chose sera générée à chaque fois...). Et ce champ, je n'arrive pas à le spécifier ou à le récupérer quand je créé mes textbox.

**Gladiator** · 02/10/2007, 09h48

(Mise à jour)

A défaut de trouver une solution, quelqu'un peut-il m'expliquer:
- pourquoi çà fonctionne si je met la génération des textbox dans l'évènement rowcreated du gridview? Il me garde bien les contrôles, il garde le contenu des textbox, mais il supprime le contenu des textbox quand il fait un select sur la grille (l'objectdatasource pour être plus précis). Un simple postback conserve le contenu des textbox, un postback + reconstruction de la grille les vire...
- pourquoi çà fonctionne pas si je met la génération des textbox dans l'évènement onLoad de la page (çà marche au premier chargement, mais les textbox virent au changement de pagination par exemple, un postback quoi. Il passe bien dans de code de création, mais ne créé pas les contrôles) ?
- pourquoi on m'a conseillé de mettre mon code dans un "if (!isPostBack")", je vois vraiment pas l'intérêt, étant donné que justement çà ne marche pas dans les postback... L'utilisation de !isPostBack permet de ne pas réexecuter du code à chaque rechargement non? Moi je veux justement que mes contrôles soient recréés à chaque rechargement...
- Comment récupérer l'attribut "name" de mes textbox, (mon_text_box.Attributes["name"] ne marche pas), afin de pouvoir intéroger Request.form pour récupérer le contenu de chaque textbox? Pour faire quelquechose du style:

Code :

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

1
2
3
4
5
foreach (string s in Request.Form.AllKeys) 
{
if (mon_text_box.Attributes["name"] == s) 
mon_text_box.Text = Request.Form[s]...
}

Réécrire le principe du viewstate, si je me trompe pas... Pour garder le contenu des filtres à chaque fois que je recharge la page (que je change de pagination dans la grille, que je trie...).

A quel endroit du cycle de vie de ma page je peux récupérer le name d'un textbox?? Je suis obligé de le récupérer le champ name, parceque ce champ est généré dynamiquement, et je n'ai aucun contrôle dessus (c'est dû à l'interface INamingContainer si je ne m'abuse)... Je ne peux pas le fixer à la création de mes textbox, et le réutiliser ailleurs quand j'en ai besoin.

Quelqu'un comprend-il mon problème??
Merci encore.

**Gladiator** · 02/10/2007, 15h56

up?

**ecthelion77** · 07/10/2007, 17h34

j'ai le même problème que toi en essayant de faire la même chose...

je pense qu'il faut integrer les textbox d'une façon ou d'une autre dans le dataset, sinon dès qu'on recharge celui-ci on pert tout^^

si depuis tu as trouvé une solution ça m'intéresse

**Gladiator** · 08/10/2007, 09h28

Pas vraiment non...

J'arrive à garder les textbox en mettant leur création dans l'évenement rowcreated de la gridview (en faisant un test pour savoir si je suis sur le header ou non), mais je n'arrive pas à garder le contenu des champs. Ça marche bien, mais à chaque fois que je filtre, tri ou change de page, le contenu des textbox s'efface (problème de viewstate, je crois)...

Enfin, maintenant que j'ai migré ma grille sous forme de UserControl (.ascx), j'ai carrément TOUTE la grille qui disparait quand je change de page...

Bref! J'ai pas vraiment avancé, non!

**iron182** · 08/10/2007, 17h34

il faut absolument t'approprier le cycle de vie des controles qui est de plus en plus complexe au fur et a mesure des nouvelles sorties de framework

pourquoi ne procede tu pas de cette manière pour placer tes textbox ?
lors du rechargement de la page, la textbox sera toujours la présente et sa valeur également (viewstate powa), tu pourras y acceder via un findcontrol
par contre attention, si tu rebind le grid tu perd son contenu ! normal

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 <asp:GridView runat="server" ID="mygrid">
    <Columns>
        <asp:TemplateField>
            <HeaderTemplate>
                <asp:TextBox ID="header" runat="server"></asp:TextBox>
 
            </HeaderTemplate>
        </asp:TemplateField>    
    </Columns>    
    </asp:GridView>

**Gladiator** · 09/10/2007, 08h43

Mais là il me recréé des colonnes!
Des colonnes qui ne sont pas bindées avec ma source de données...
Mon but est un peu d'avoir un composant visuel que je peux utiliser quelle que soit la requête qu'il y a derrière.

**ecthelion77** · 15/10/2007, 17h35

J'ai trouvé une solution qui me convient, je pense que ça peut t'aider

il faut passer par une classe template qui redéfinit le comportement du gridview!!!

voici le code de ma classe template

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
 
Imports System.Data
Public Class GrilleTemplate
    Implements System.Web.UI.ITemplate
 
    Dim _templateType As ListItemType
    Dim _columnName As String
    Dim _columnName2 As String
    Dim _TypeControl As String = "TextBox"
    Dim _Dts As DataSet
 
    'constructeur pour les controles simples (Label,Textbox)
    Public Sub New(ByVal Type As ListItemType, ByVal colname As String, ByVal TypeControl As String)
 
        _templateType = Type
        _columnName = colname
        _TypeControl = TypeControl
 
    End Sub
 
    'constructeur pour les liaisons complexes (DropDownList)
    Public Sub New(ByVal Type As ListItemType, ByVal colname As String, ByVal TypeControl As String, ByVal dts As DataSet)
 
        _templateType = Type
        _columnName = colname
        _TypeControl = TypeControl
        _Dts = dts
 
    End Sub
 
 
    Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements ITemplate.InstantiateIn
        Try
            Select Case _templateType
 
                'définition  des controles pour le header
                Case ListItemType.Header
                    Select Case UCase(_TypeControl)
                        'en tete des colonnes avec liens pour trier + textbox de recherche
                        Case "TEXTBOX"
                            Dim lb As LinkButton = New LinkButton
                            lb.Text = Me._columnName + "<br>"
                            lb.CommandName = "Sort"
                            lb.ID = "lblEnTete" + Me._columnName
                            lb.CommandArgument = Me._columnName
                            container.Controls.Add(lb)
                            Dim tb As TextBox = New TextBox
                            tb.Width = 100
                            tb.ID = "search_" + Me._columnName
                            container.Controls.Add(tb)
                            'en tete de la colonne des fonctions contenant le bouton de recherche
                        Case "BUTTON"
                            Dim lb As Label = New Label
                            lb.Text = "<br>"
                            container.Controls.Add(lb)
                            Dim tb As LinkButton = New LinkButton
                            tb.Text = "Rechercher"
                            tb.ID = "Search"
                            tb.CommandName = "Search"
                            container.Controls.Add(tb)
                    End Select
 
                    ' définition des controles pour les lignes
                Case ListItemType.Item
 
                    Select Case UCase(_TypeControl)
                        ' définition des boutons pour la colonne de fonction (Edit, select, delete) 
                        Case "BUTTON"
                            Dim tb1 As LinkButton = New LinkButton()
                            tb1.Text = "Editer"
                            tb1.ID = "btn_Edit"
                            tb1.CommandName = "Edit"
                            container.Controls.Add(tb1)
                            'affichage des items en format label
                        Case "LABEL"
                            Dim tb1 As Label = New Label()
                            tb1.BorderStyle = BorderStyle.None
                            AddHandler tb1.DataBinding, AddressOf tb1_DataBindingLabel
                            container.Controls.Add(tb1)
                            'affichage des listbox
                        Case "LISTBOX"
                            Dim mylistbox As DropDownList = New DropDownList
                            mylistbox.DataSource = _Dts.Tables(0)
                            AddHandler mylistbox.DataBinding, AddressOf tb1_DataBindingListBox
                            mylistbox.DataTextField = _columnName
                            mylistbox.DataValueField = _columnName2
                            mylistbox.ID = ("lstDynamique")
                            mylistbox.Enabled = False
                            container.Controls.Add(mylistbox)
                    End Select
 
                    'définition des controles pour l'édition de la ligne
                Case ListItemType.EditItem
                    Select Case UCase(_TypeControl)
 
                        'boutons de la colonne des options (update, cancel)
                        Case "BUTTON"
                            Dim tb1 As LinkButton = New LinkButton()
                            tb1.CommandName = "Update"
                            tb1.Text = "Enregistrer"
                            container.Controls.Add(tb1)
 
                            Dim lbl1 As Label = New Label()
                            lbl1.Text = " | "
                            container.Controls.Add(lbl1)
 
                            Dim tb2 As LinkButton = New LinkButton()
                            tb2.CommandName = "Cancel"
                            tb2.ID = "btn_CancelEdit"
                            tb2.Text = "Annuler"
                            container.Controls.Add(tb2)
 
                            'maitient du format label pour les champs non modifiables
                        Case "LABEL"
                            Dim tb1 As Label = New Label()
                            tb1.BorderStyle = BorderStyle.None
                            AddHandler tb1.DataBinding, AddressOf tb1_DataBindingLabel
                            container.Controls.Add(tb1)
 
                            'transformation des labels en textbox pour la modification
                        Case "TEXTBOX"
                            Dim tb1 As TextBox = New TextBox()
                            AddHandler tb1.DataBinding, AddressOf tb1_DataBindingTextBox
                            container.Controls.Add(tb1)
 
                            'affichage de la listbox en format modifiable
                        Case "LISTBOX"
                            Dim mylistbox As DropDownList = New DropDownList
                            mylistbox.DataSource = _Dts.Tables(0)
                            AddHandler mylistbox.DataBinding, AddressOf tb1_DataBindingListBox
                            mylistbox.DataTextField = _columnName
                            mylistbox.DataValueField = _columnName2
                            mylistbox.ID = ("lstDynamique")
                            mylistbox.Enabled = True
                            container.Controls.Add(mylistbox)
                    End Select
            End Select
 
        Catch ex As Exception
 
        End Try
    End Sub
 
#Region "Binding des données "
    Sub tb1_DataBindingLabel(ByVal sender As Object, ByVal e As EventArgs)
        Dim lbldata As Label = CType(sender, Label)
        Dim container As GridViewRow = CType(lbldata.NamingContainer, GridViewRow)
        Dim dataValue As Object = DataBinder.Eval(container.DataItem, _columnName)
 
        If Not IsNothing(dataValue) Then
            lbldata.Text = dataValue.ToString
        End If
    End Sub
 
    Sub tb1_DataBindingTextBox(ByVal sender As Object, ByVal e As EventArgs)
        Dim lbldata As TextBox = CType(sender, TextBox)
        Dim container As GridViewRow = CType(lbldata.NamingContainer, GridViewRow)
        Dim dataValue As Object = DataBinder.Eval(container.DataItem, _columnName)
 
        If Not IsNothing(dataValue) Then
            lbldata.Text = dataValue.ToString
        End If
    End Sub
 
 
    Sub tb1_DataBindingListBox(ByVal sender As Object, ByVal e As EventArgs)
 
        Dim lst As DropDownList = CType(sender, DropDownList)
        Dim container As GridViewRow = CType(lst.NamingContainer, GridViewRow)
        Dim dataValue As Object = DataBinder.Eval(container.DataItem, _columnName)
 
        If Not IsNothing(dataValue) Then
            lst.SelectedValue = dataValue.ToString
        End If
 
    End Sub
 
#End Region
End Class

Voilà ensuite le constructeur de ma grille permettant de faire appel à ma classe template

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
 
    Private container As PlaceHolder
    Protected WithEvents maGrille As GridView
    Protected WithEvents btnCreate As New LinkButton
    Private accesDonnees As Donnees
 
    Public Sub New(ByVal container As PlaceHolder, ByVal accesDonnees As Donnees)
        Me.container = container
        Me.maGrille = New GridView
        Me.accesDonnees = accesDonnees
        ' definition des boutons de commande et des parametres du gridview
        Me.maGrille.AllowSorting = True
        Me.maGrille.AutoGenerateColumns = False
        Me.maGrille.ID = "maGrille"
 
        'definition des colonnes
        Try
            For i As Integer = 0 To Me.accesDonnees.getDataSet.Tables(accesDonnees.getTablePrincipale()).Columns.Count - 1
                Dim tf As TemplateField = New TemplateField
                Dim colonne As String = Me.accesDonnees.getDataSet.Tables(Me.accesDonnees.getTablePrincipale()).Columns.Item(i).ColumnName
                If accesDonnees.getTypeColonne(colonne) = "ITEM" Then
                    tf.HeaderTemplate = New GrilleTemplate(ListItemType.Header, _
                                        colonne, _
                                        "TEXTBOX")
                    If accesDonnees.getStyleColonne(colonne) = "LABEL" Then
                        tf.ItemTemplate = New GrilleTemplate(ListItemType.Item, _
                                          colonne, _
                                          "LABEL")
                        tf.EditItemTemplate = New GrilleTemplate(ListItemType.EditItem, _
                                                  colonne, _
                                                  "TEXTBOX")
                    ElseIf accesDonnees.getStyleColonne(colonne) = "LISTBOX" Then
                        Dim od(0) As objetDonnees
                        od(0) = Me.accesDonnees.getObjetDonnees(colonne)
                        Dim tabSecondaire As Donnees = New Donnees(Me.container, od, "", "")
                        tf.ItemTemplate = New GrilleTemplate(ListItemType.Item, _
                                                  colonne, "LISTBOX", tabSecondaire.getDataSet)
                        tf.EditItemTemplate = New GrilleTemplate(ListItemType.EditItem, _
                                                  colonne, "LISTBOX", tabSecondaire.getDataSet)
                    ElseIf accesDonnees.getStyleColonne(colonne) = "HIDDEN" Then
                        tf.ItemTemplate = New GrilleTemplate(ListItemType.Item, _
                                          colonne, _
                                          "LABEL")
                        tf.EditItemTemplate = New GrilleTemplate(ListItemType.EditItem, _
                                                  colonne, _
                                                  "LABEL")
 
                    End If
                    Me.maGrille.Columns.Add(tf)
                End If
            Next
            Dim cmdfield As New TemplateField
            cmdfield.HeaderTemplate = New GrilleTemplate(ListItemType.Header, "...", "BUTTON")
            cmdfield.ItemTemplate = New GrilleTemplate(ListItemType.Item, "...", "button")
            cmdfield.EditItemTemplate = New GrilleTemplate(ListItemType.EditItem, "...", "button")
            Me.maGrille.Columns.Add(cmdfield)
 
 
            ' creation du bouton permettant la création d'une nouvelle ligne
            Me.btnCreate.ID = "btnCreate"
            Me.btnCreate.Text = "Création d'une nouvelle ligne<br><br>"
            setResultat("Création d'un objet grille réalisée avec succès.<br>")
            Me.container.Controls.Add(maGrille)
            Me.container.Controls.Add(btnCreate)
            bindData()
 
        Catch ex As Exception
            setResultat("Erreur de génération des colonnes du GRIDVIEW : " & ex.ToString)
        End Try
 
    End Sub
    ' Paramètrage du data source du gridview
    Private Sub bindData()
 
        Try
            Me.maGrille.DataSource = Me.accesDonnees.getDataSet().Tables(0)
            Me.maGrille.DataBind()
            setResultat("Bind Data<br>")
        Catch ex As Exception
            setResultat("Erreur d'exécution de la fonction bindData de la classe GRILLE : " & ex.ToString)
        End Try
    End Sub

Si t'as des questions n'hésite pas :p

Controle dynamique dans un header de gridview

ASP.NET

Discussions similaires

Partager

Partager