checkbox dans aspxgridview devexpress

**yannis51** · 10/05/2012, 15h39

bonjour a tous !

j'ai actuellement un aspxgridview qui ressemble a ceci :

la colonne tiré est setter lors de la construction de la grid, et j'aimerais pouvoir la rendre cliquable afin de la modifier directement (actuellement pour la modifier on doit cliquer sur le crayon, cocher la case et valider ce qui est un peu lourd lorsqu'il y a beaucoup de donner)

pourriez vous m'éclairer sur comment y parvenir ?

**Zeckard** · 10/05/2012, 16h44

Bonjour,

Il faut que tu crées une classe de template puis que tu l'associes à ta colonne afin de passer outre le mode d'édition de la grille DevExpress.

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
	public class MaClasseTemplateCheckBox : ITemplate 
	{
		/// <summary>
		/// Constructeur
		/// </summary>
		public MaClasseTemplateCheckBox ( )
		{
		}
 
		/// <summary>
		/// Instantie le template
		/// </summary>
		/// <param name="container"></param>
		void ITemplate.InstantiateIn(Control container)
		{
			var cont = (GridViewDataItemTemplateContainer)container;
			var i = cont.ItemIndex;
 
			var l_CheckBox = new ASPxCheckBox();
 
			container.Controls.Add(l_CheckBox);
		}
}

J'ai simplifié au maximum pour que tu comprennes le principe mais si ta colonne vient de la base, il faudra probablement que tu récupères l'index de la ligne de la checkbox qui se crée pour récupérer la valeur et la checker ou non.

Pour associer le template :

Code :

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

1
2
3
 
MaClasseTemplateCheckBox MonTemplate= new MaClasseTemplateCheckBox();
                ((GridViewDataColumn)MonGridView.Columns["NomColonneFieldName"]).DataItemTemplate = MonTemplate;

Sinon, pour éviter d'avoir un gros formulaire d'édition, tu as le mode Inline pour modifier tes lignes :

Code :

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

                MonGridView.SettingsEditing.Mode = GridViewEditingMode.Inline;

**yannis51** · 10/05/2012, 16h51

salut zeckard,

Merci de ta réponse je test ça demain !

**yannis51** · 11/05/2012, 09h59

salut zeckard,

j'ai donc adapté ton code et cela fonctionne.

cependant comme tu l'a dit je dois récupéré la valeur contenu dans la table pour cocher la colonne ou non

j'aimerais savoir ou je fais cela.

de plus si tu pouvais m'indiquer comment catcher lorsque l'utilisateur click sur la checkbox afin que j'update les données en bdd

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
Imports System
Imports System.Web
Imports System.Web.UI
Imports DevExpress.Web.ASPxGridView
Imports DevExpress.Web.ASPxEditors
 
Public Class MaClasseTemplateCheckBox
    Implements ITemplate
 
    Public Sub MaClasseTemplateCheckBox()
    End Sub
 
 
 
    Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn
        Dim cont As GridViewDataItemTemplateContainer = container
        Dim i = cont.ItemIndex
 
        Dim l_CheckBox = New ASPxCheckBox()
 
        container.Controls.Add(l_CheckBox)
    End Sub
End Class

**Zeckard** · 11/05/2012, 10h33

Et bien vu que c'est un template, ça a l'avantage de pouvoir faire tout ce que tu veux dessus. Et notamment récupérer l’événement du click pour faire ton update.

Tu peux même intercepter les événements clients (JavaScript) avec le ClientSideEvents, bref...

Rajoute ton événement dans ton template de la façon suivante :

Code :

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

1
2
 
l_CheckBox.ValueChanged += new EventHandler(l_CheckBox_ValueChanged);

Puis dans l’événement :

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
 
void l_CheckBox_ValueChanged( object sender , EventArgs e )
		{
			var asPxCheckBox = sender as ASPxCheckBox;
			if( asPxCheckBox != null )
			{
				var gridViewDataItemTemplateContainer = asPxCheckBox.NamingContainer as GridViewDataItemTemplateContainer;
				if( gridViewDataItemTemplateContainer != null )
				{
 
					gridViewDataItemTemplateContainer.Grid.DataBind();
					GridViewDataItemTemplateContainer cont = gridViewDataItemTemplateContainer;
					ASPxGridView gr = cont.Grid;
					gr.BeginUpdate();
					gr.StartEdit(cont.VisibleIndex);
 
					var dataRowView = gr.GetRow(cont.VisibleIndex) as DataRowView;
					if( dataRowView != null )
					{
						dataRowView[cont.Column.FieldName] = (sender as ASPxCheckBox).Checked;
						dataRowView.Row.AcceptChanges();
						dataRowView.Row.SetModified();
					}
				}
			}
		}

J'ai laissé le code de l’événement mais il est possible que tu ai à le changer. Actuellement, le template doit modifier directement la valeur dans la source de données, c'est à vérifier.

Pour récupérer la valeur de ton datasource dans ton template, tu as juste à récupérer l'index de la ligne et vérifier ce que tu as dedans :

Exemple :

Code :

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

1
2
3
4
5
6
7
8
			if( cont.Grid.GetRowValuesByKeyValue(cont.KeyValue , cont.Column.FieldName).ToString().ToLower() == "false" || cont.Grid.GetRowValuesByKeyValue(cont.KeyValue , cont.Column.FieldName).ToString().ToLower() == "true" )
			{
				l_CheckBox.Checked = Convert.ToBoolean(cont.Grid.GetRowValuesByKeyValue(cont.KeyValue , cont.Column.FieldName).ToString());
			}
			else
			{
				l_CheckBox.Checked = Convert.ToBoolean(Convert.ToInt32(cont.Grid.GetRowValuesByKeyValue(cont.KeyValue , cont.Column.FieldName).ToString()));
			}

**yannis51** · 11/05/2012, 11h59

alors j'ai adapté ton code,

j'ai malheureusement encore quelques problemes :
je ne rentre pas dans l'evenement lorsque je coche/decoche une checkbox.

si je clique sur un bouton (par exemple le bouton d'annulation de filtre qui refresh la page) je rentre dans mon evenement et j'ai mon editeur de ligne qui s'affiche au niveau de la checkbox modifiée.

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
Imports System
Imports System.Web
Imports System.Web.UI
Imports DevExpress.Web.ASPxGridView
Imports DevExpress.Web.ASPxEditors
Imports System.IO
 
Public Class MaClasseTemplateCheckBox
    Implements ITemplate
    Public WithEvents l_CheckBox As ASPxCheckBox
 
    Public Sub MaClasseTemplateCheckBox()
 
    End Sub
 
    Sub l_CheckBox_ValueChanged(ByVal sender As Object, ByVal e As EventArgs) Handles l_CheckBox.ValueChanged
        Dim monStreamWriter As StreamWriter = New StreamWriter("C:\Users\berrou_y\Documents\Semtil\SemtilDevx2\SemtilDevx2\logCk.txt")
 
        monStreamWriter.WriteLine("i enter da matrix")
        monStreamWriter.Close()
        Dim asPxCheckBox As ASPxCheckBox = sender
        If IsDBNull(asPxCheckBox) = False Then
 
            Dim gridViewDataItemTemplateContainer As GridViewDataItemTemplateContainer = asPxCheckBox.NamingContainer
            If IsDBNull(gridViewDataItemTemplateContainer) = False Then
 
 
                gridViewDataItemTemplateContainer.Grid.DataBind()
                Dim cont As GridViewDataItemTemplateContainer = gridViewDataItemTemplateContainer
                Dim gr As ASPxGridView = cont.Grid
                gr.BeginUpdate()
                gr.StartEdit(cont.VisibleIndex)
 
                Dim dataRowView As DataRowView = gr.GetRow(cont.VisibleIndex)
                If IsDBNull(dataRowView) = False Then
                    Dim tmp As ASPxCheckBox = sender
                    dataRowView(cont.Column.FieldName) = tmp.Checked
                    dataRowView.Row.AcceptChanges()
                    dataRowView.Row.SetModified()
                End If
            End If
        End If
    End Sub
 
    Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn
        Dim cont As GridViewDataItemTemplateContainer = container
        Dim i = cont.ItemIndex
 
        l_CheckBox = New ASPxCheckBox()
        AddHandler l_CheckBox.ValueChanged, AddressOf l_CheckBox_ValueChanged
 
        container.Controls.Add(l_CheckBox)
        If cont.Grid.GetRowValuesByKeyValue(cont.KeyValue, cont.Column.FieldName).ToString = "0" Then
            l_CheckBox.Checked = False
 
        ElseIf cont.Grid.GetRowValuesByKeyValue(cont.KeyValue, cont.Column.FieldName).ToString() = "1" Then
            l_CheckBox.Checked = True
 
        Else
 
            l_CheckBox.Checked = Convert.ToBoolean(Convert.ToInt32(cont.Grid.GetRowValuesByKeyValue(cont.KeyValue, cont.Column.FieldName).ToString()))
        End If
 
    End Sub
End Class

**Zeckard** · 11/05/2012, 12h18

Crée un délégué au niveau de ton template pour choper l’événement ValueChanged dans ton code appelant.

Dans le template :

Code :

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

1
2
3
4
5
6
		/// <summary>
		/// Déclaration du délégué d'évènement
		/// </summary>
		/// <param name="sender"></param>
		/// <param name="e"></param>
		public delegate void OnValueChanged( object sender , EventArgs e );

Dans l'évenement ValueChanged du template, rajoute :

Code :

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

1
2
			if( ValueChanged != null )
				ValueChanged(sender , e);

Puis quand tu associes ton template à ta colonne, implémente l'évenement :

Code :

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

1
2
 
                MonTemplate.ValueChanged += MonTemplate_ValueChanged;

Et dans le code de ce même événement :

Code :

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

1
2
3
4
5
        void MonTemplate_ValueChanged(object sender, EventArgs e)
        {
                ((sender as ASPxCheckBox).NamingContainer as GridViewDataItemTemplateContainer).Grid.EndUpdate();
                ((sender as ASPxCheckBox).NamingContainer as GridViewDataItemTemplateContainer).Grid.CancelEdit();
        }

**yannis51** · 11/05/2012, 14h25

mon compilateur me dit que valueChanged n'est pas un event de MaClasseTemplateCheckBox

le code du 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
Imports System
Imports System.Web
Imports System.Web.UI
Imports DevExpress.Web.ASPxGridView
Imports DevExpress.Web.ASPxEditors
Imports System.IO
 
Public Class MaClasseTemplateCheckBox
    Implements ITemplate
    Public WithEvents l_CheckBox As ASPxCheckBox
 
    Public Sub MaClasseTemplateCheckBox()
 
    End Sub
 
    Sub l_CheckBox_ValueChanged(ByVal sender As Object, ByVal e As EventArgs) Handles l_CheckBox.ValueChanged
 
        Dim monStreamWriter As StreamWriter = New StreamWriter("C:\Users\berrou_y\Documents\Semtil\SemtilDevx2\SemtilDevx2\logCk.txt")
 
        monStreamWriter.WriteLine("i enter da matrix")
        monStreamWriter.Close()
        Dim asPxCheckBox As ASPxCheckBox = sender
        If IsDBNull(asPxCheckBox) = False Then
 
            Dim gridViewDataItemTemplateContainer As GridViewDataItemTemplateContainer = asPxCheckBox.NamingContainer
            If IsDBNull(gridViewDataItemTemplateContainer) = False Then
 
 
                gridViewDataItemTemplateContainer.Grid.DataBind()
                Dim cont As GridViewDataItemTemplateContainer = gridViewDataItemTemplateContainer
                Dim gr As ASPxGridView = cont.Grid
                gr.BeginUpdate()
                gr.StartEdit(cont.VisibleIndex)
 
                Dim dataRowView As DataRowView = gr.GetRow(cont.VisibleIndex)
                If IsDBNull(dataRowView) = False Then
                    Dim tmp As ASPxCheckBox = sender
                    dataRowView(cont.Column.FieldName) = tmp.Checked
                    dataRowView.Row.AcceptChanges()
                    dataRowView.Row.SetModified()
                End If
            End If
        End If
    End Sub
 
    Public Delegate Sub OnValueChanged(ByVal sender As Object, ByVal e As EventArgs)
 
    Public Sub InstantiateIn(ByVal container As System.Web.UI.Control) Implements System.Web.UI.ITemplate.InstantiateIn
        Dim cont As GridViewDataItemTemplateContainer = container
        Dim i = cont.ItemIndex
 
        l_CheckBox = New ASPxCheckBox()
        AddHandler l_CheckBox.ValueChanged, AddressOf l_CheckBox_ValueChanged
 
        container.Controls.Add(l_CheckBox)
        If cont.Grid.GetRowValuesByKeyValue(cont.KeyValue, cont.Column.FieldName).ToString = "0" Then
            l_CheckBox.Checked = False
 
        ElseIf cont.Grid.GetRowValuesByKeyValue(cont.KeyValue, cont.Column.FieldName).ToString() = "1" Then
            l_CheckBox.Checked = True
 
        Else
 
            l_CheckBox.Checked = Convert.ToBoolean(Convert.ToInt32(cont.Grid.GetRowValuesByKeyValue(cont.KeyValue, cont.Column.FieldName).ToString()))
        End If
 
    End Sub
End Class

le code appelant :

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
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
        If Session("Authentifié") = False Then
 
            Response.Redirect("~/Account/Login.aspx")
        ElseIf (Session("idEdit")) Then
            grid.StartEdit(Session("idEdit"))
            Session.Remove("idEdit")
        ElseIf (Session("idNew")) Then
            grid.AddNewRow()
            Session.Remove("idNew")
 
        End If
 
        'Dim test As New Recurence
        'test.Gen_echeances(1)
        checkFilterOnLoad()
        Dim MonTemplate As MaClasseTemplateCheckBox = New MaClasseTemplateCheckBox()
        AddHandler MonTemplate.ValueChanged, AddressOf MonTemplate_ValueChanged
        Dim col As GridViewDataColumn = grid.Columns("Tiré")
        col.DataItemTemplate = MonTemplate
 
    End Sub
 
    Sub MonTemplate_ValueChanged(ByVal sender As Object, ByVal e As EventArgs)
 
        Dim s As ASPxCheckBox = sender
        Dim g As GridViewDataItemTemplateContainer = s.NamingContainer
        g.Grid.EndUpdate()
        g.Grid.CancelEdit()
    End Sub

**Zeckard** · 11/05/2012, 15h19

Tu n'as pas mis le délégué en propriété. Il me semble que tu n'as pas compris son principe, je t'invite à aller voir de ce côté pour en savoir plus.

Code :

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

1
2
3
4
5
 
/// <summary>
		/// Evt levé lors du changement de valeur de la case à cocher
		/// </summary>
		public event OnValueChanged ValueChanged;

Ah et n'oublie pas de mettre un ID différent à chaque fois pour tes CheckBox, Les événements ont parfois du mal à s’enclencher sans.

**yannis51** · 14/05/2012, 10h13

salut zeckard,

apres discussion avec mon patron il a changer d'avis et il souhaite en faite pouvoir selectionner plusieurs lignes d'un coup et les mettre a jour d'un coup.

j'ai donc rajouter une colonne de selection (des checkbox) et coder une partie de la fonction qui updatera en bdd les données. je voudrais juste savoir comment creer un bouton en bas du tableau et le lier a ma fonction d'update , et comment récuperer les lignes du tableau qui sont selectionnées (j'ai lu qu'on pouvais se servir de ASPxGridView.GetRow(ASPxGridView.FocusedRowIndex) est-ce que je vais dans la bonne direction ?).

**Zeckard** · 14/05/2012, 10h40

Oui. En passant par une Command Column.

Avec ça, tu devrai le faire facilement.

**yannis51** · 15/05/2012, 11h54

encore une petite question d'un bug que je ne comprend pas :

j'ai creer un tab dans mon editformtemplate pour pouvoir ajouter un contrat.

le problème vient du fait que je n'arrive pas a récupéré les valeurs de mes box

le code de la page :

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
<Templates>
    <EditForm>
        <div style="padding: 4px 4px 3px 4px">
            <dx:ASPxPageControl ID="ASPxPageControl1"  runat="server" style="width:850px">
                <TabPages>
                    <dx:TabPage Text="Modifier enregistrement" Visible="true">
                        <ContentCollection>
                            <dx:ContentControl runat="server" ID="ContentControl1">
                                <dx:ASPxGridViewTemplateReplacement ID="Editors" ReplacementType="EditFormEditors"
                                            runat="server">
                                        </dx:ASPxGridViewTemplateReplacement>
                            </dx:ContentControl>
                        </ContentCollection>
                    </dx:TabPage>        
                    <dx:TabPage Text="Ajouter fournisseur" Visible="true">
                                <ContentCollection>
                                    <dx:ContentControl ID="ContentControl2" runat="server">
                                        <dx:ASPxLabel ID="ASPxLabel1" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Nom du fournisseur : ">
                                        </dx:ASPxLabel>
                                        <dx:ASPxTextBox ID="TB_fournisseur" runat="server" CssClass="ajout_four" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Width="170px">
                                        </dx:ASPxTextBox>
                                        <dx:ASPxButton ID="btnAjoutFournisseur" runat="server" CssClass="ajout_four" AutoPostBack="False" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="Ajouter" OnClick="btnAjoutFournisseur_Click">
 
                                        </dx:ASPxButton>
                                    </dx:ContentControl>
                                </ContentCollection>
                    </dx:TabPage>
                     <dx:TabPage Text="Ajouter contrat recurrent" Visible="true">
                                <ContentCollection>
                                    <dx:ContentControl ID="ContentControl3" runat="server">
                                        <table>
                                        <thead>
                                        <tr><th></th><th></th><th></th><th></th></tr>
                                        </thead>
                                        <tbody>
                                        <tr><td>
                                        <dx:ASPxLabel ID="labelFourRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Nom du fournisseur ">
                                        </dx:ASPxLabel></td><td>
                                        <dx:ASPxComboBox ID="fourRec" runat="server" DataSourceID="FournisseurData" TextField="nom_fournisseur" 
                    ValueField="id_fournisseur" ValueType="System.Int32" >
                                        </dx:ASPxComboBox></td>
                                        <td><dx:ASPxLabel ID="labelDateRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Date début ">
                                        </dx:ASPxLabel></td><td><dx:ASPxDateEdit ID="dateDebRec" runat="server"></dx:ASPxDateEdit></td></tr>
                                          <tr><td><dx:ASPxLabel ID="labelDateFin" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Date fin ">
                                        </dx:ASPxLabel></td><td><dx:ASPxDateEdit ID="dateFinRec" runat="server"></dx:ASPxDateEdit></td>
                                        <td><dx:ASPxLabel ID="labelLibRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="libelle">
                                        </dx:ASPxLabel></td><td><dx:ASPxTextBox ID="libRec" runat="server"></dx:ASPxTextBox></td></tr>
                                        <tr><td><dx:ASPxLabel ID="labelMontantRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Montant de l'échéance ">
                                        </dx:ASPxLabel></td><td><dx:ASPxTextBox ID="MontantRec" runat="server" NullText="0.00"></dx:ASPxTextBox></td>
                                        <td><dx:ASPxLabel ID="labelLieRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="lié le contrat"></dx:ASPxLabel></td>
                                            <td><dx:ASPxComboBox ID="lieRec" runat="server" DataSourceID="contratRecData" TextField="lib" 
                    ValueField="id_ss_contrat_rec" ValueType="System.Int32"><ClientSideEvents SelectedIndexChanged="function(s, e){
                    banqueRec1.SetText('automatique');banqueRec1.SetEnabled(false); }" /></dx:ASPxComboBox></td></tr>
                                         <tr><td><dx:ASPxLabel ID="labelBanqueRec" ClientInstanceName="labelBanqueRec1" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="banque">
                                        </dx:ASPxLabel></td>
                                         <td><dx:ASPxComboBox ID="banqueRec" runat="server" DataSourceID="BanqueData" TextField="lib_banque" 
                    ValueField="id_banque" ValueType="System.Int32" ClientInstanceName="banqueRec1"></dx:ASPxComboBox></td>
                    <td><dx:ASPxLabel ID="labelTypeRec"  runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="type de recurrence">
                                        </dx:ASPxLabel></td>
                                         <td><dx:ASPxComboBox ID="typeRec" runat="server" DataSourceID="recData" TextField="lib_rec" 
                    ValueField="id_rec" ValueType="System.Int32" ></dx:ASPxComboBox></td></td>
                    </tr>
                                        </tbody>
                                        </table>
                                        <dx:ASPxButton ID="btnAjoutContratRec" runat="server" CssClass="ajout_four" AutoPostBack="False" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="Ajouter" OnClick="btnAjoutContratRec_Click">
 
                                        </dx:ASPxButton>
 
                                    </dx:ContentControl>
                                </ContentCollection>
                    </dx:TabPage>
                </TabPages>
            </dx:ASPxPageControl>
        </div>
        <div style="text-align: right; padding: 2px 2px 2px 2px">
                    <dx:ASPxGridViewTemplateReplacement ID="UpdateButton" ReplacementType="EditFormUpdateButton"
                        runat="server">
                    </dx:ASPxGridViewTemplateReplacement>
                    <dx:ASPxGridViewTemplateReplacement ID="CancelButton" ReplacementType="EditFormCancelButton"
                        runat="server">
                    </dx:ASPxGridViewTemplateReplacement>
         </div>
    </EditForm>
</Templates>

plus précisemment ce tab :

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
   <dx:TabPage Text="Ajouter contrat recurrent" Visible="true">
                                <ContentCollection>
                                    <dx:ContentControl ID="ContentControl3" runat="server">
                                        <table>
                                        <thead>
                                        <tr><th></th><th></th><th></th><th></th></tr>
                                        </thead>
                                        <tbody>
                                        <tr><td>
                                        <dx:ASPxLabel ID="labelFourRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Nom du fournisseur ">
                                        </dx:ASPxLabel></td><td>
                                        <dx:ASPxComboBox ID="fourRec" runat="server" DataSourceID="FournisseurData" TextField="nom_fournisseur" 
                    ValueField="id_fournisseur" ValueType="System.Int32" >
                                        </dx:ASPxComboBox></td>
                                        <td><dx:ASPxLabel ID="labelDateRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Date début ">
                                        </dx:ASPxLabel></td><td><dx:ASPxDateEdit ID="dateDebRec" runat="server"></dx:ASPxDateEdit></td></tr>
                                          <tr><td><dx:ASPxLabel ID="labelDateFin" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Date fin ">
                                        </dx:ASPxLabel></td><td><dx:ASPxDateEdit ID="dateFinRec" runat="server"></dx:ASPxDateEdit></td>
                                        <td><dx:ASPxLabel ID="labelLibRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="libelle">
                                        </dx:ASPxLabel></td><td><dx:ASPxTextBox ID="libRec" runat="server"></dx:ASPxTextBox></td></tr>
                                        <tr><td><dx:ASPxLabel ID="labelMontantRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="Montant de l'échéance ">
                                        </dx:ASPxLabel></td><td><dx:ASPxTextBox ID="MontantRec" runat="server" NullText="0.00"></dx:ASPxTextBox></td>
                                        <td><dx:ASPxLabel ID="labelLieRec" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="lié le contrat"></dx:ASPxLabel></td>
                                            <td><dx:ASPxComboBox ID="lieRec" runat="server" DataSourceID="contratRecData" TextField="lib" 
                    ValueField="id_ss_contrat_rec" ValueType="System.Int32"><ClientSideEvents SelectedIndexChanged="function(s, e){
                    banqueRec1.SetText('automatique');banqueRec1.SetEnabled(false); }" /></dx:ASPxComboBox></td></tr>
                                         <tr><td><dx:ASPxLabel ID="labelBanqueRec" ClientInstanceName="labelBanqueRec1" runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="banque">
                                        </dx:ASPxLabel></td>
                                         <td><dx:ASPxComboBox ID="banqueRec" runat="server" DataSourceID="BanqueData" TextField="lib_banque" 
                    ValueField="id_banque" ValueType="System.Int32" ClientInstanceName="banqueRec1"></dx:ASPxComboBox></td>
                    <td><dx:ASPxLabel ID="labelTypeRec"  runat="server" CssClass="ajout_four label" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" Text="type de recurrence">
                                        </dx:ASPxLabel></td>
                                         <td><dx:ASPxComboBox ID="typeRec" runat="server" DataSourceID="recData" TextField="lib_rec" 
                    ValueField="id_rec" ValueType="System.Int32" ></dx:ASPxComboBox></td></td>
                    </tr>
                                        </tbody>
                                        </table>
                                        <dx:ASPxButton ID="btnAjoutContratRec" runat="server" CssClass="ajout_four" AutoPostBack="False" CssFilePath="~/App_Themes/Office2010Blue/{0}/styles.css"
                                            CssPostfix="Office2010Blue" SpriteCssFilePath="~/App_Themes/Office2010Blue/{0}/sprite.css"
                                            Text="Ajouter" OnClick="btnAjoutContratRec_Click">
 
                                        </dx:ASPxButton>
 
                                    </dx:ContentControl>
                                </ContentCollection>
                    </dx:TabPage>

le code behind que j'utilise pour recuperer les valeurs :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
Protected Sub btnAjoutContratRec_Click()
        Dim pageControl As ASPxPageControl = TryCast(grid.FindEditFormTemplateControl("ASPxPageControl1"), ASPxPageControl)
        Dim fournisseur As ASPxComboBox = TryCast(pageControl.FindControl("fourRec"), ASPxComboBox)
        Dim date_debut As ASPxDateEdit = TryCast(pageControl.FindControl("dateDebRec"), ASPxDateEdit)
        Dim date_fin As ASPxDateEdit = TryCast(pageControl.FindControl("dateFinRec"), ASPxDateEdit)
        Dim libelle As ASPxTextBox = TryCast(pageControl.FindControl("libRec"), ASPxTextBox)
        Dim montant As ASPxTextBox = TryCast(pageControl.FindControl("montantRec"), ASPxTextBox)
        Dim lie As ASPxComboBox = TryCast(pageControl.FindControl("lieRec"), ASPxComboBox)
        Dim banque As ASPxComboBox = TryCast(pageControl.FindControl("banqueRec"), ASPxComboBox)
        Dim type As ASPxComboBox = TryCast(pageControl.FindControl("typeRec"), ASPxComboBox)
        Response.Write(libelle.Text)
 
    End Sub

je me doute que sa vient du control que j'utilise mais je vois pas quoi utiliser d'autre ... si j'utilise celui du grid j'obtient des nullreference partout
en utilisant celui-ci le text de ma box est vide par exemple ...

**Zeckard** · 15/05/2012, 13h59

Je ne comprends pas bien ce que tu veux faire. Peux tu être plus précis ?

Tu as un grid, tu le mets en mode édition et quand tu veux faire l'update, ça plante ?

Ou maintenant que tu as rajouté un tab, tes updates ne marchent pas ?

C'est ce contrôle que tu as utilisé ?

**yannis51** · 15/05/2012, 14h12

je reprend:

j'ai ma grid comme sur l'image dans mon premier post.

si je clique sur l'edition ou pour creer une nouvelle ligne j'ai mon editeur qui apparait.

dans mon editeur j'ai rajouter un tab (dont j'ai donner le code au dessus) j'ai donc ça actuellement :

cependant quand je clique sur le bouton ajouter (ce qui amene a la fonction que j'ai donner au dessus) les valeurs de mes box sont vides et je voudrais savoir comment les récupéré du coup !

j'espere avoir été plus clair :p

**Zeckard** · 15/05/2012, 14h36

Je n'ai pas connaissances des problématiques métier, mais le bouton ajouter est censé faire quoi ?

Pour moi ce Tab n'a rien à faire là et devrait être détaché de la grille.

Pourquoi ne pas passer par l'update normal de la grille plutôt ?

**yannis51** · 15/05/2012, 14h38

parce que les entrées que je demande n'ont rien a voir avec ce qu'il y a dans la grid normale, selon les entrée que je vais avoir ici je vais généré automatiquement une entrée dans la grid.

c'est pour sa que je veux récupéré la valeurs de mes champs dans la fonction btnAjoutContratRec_Click

sinon en effet cet onglet a rien a faire dans la grid mais mon patron souhaite qu'il soit placé ici afin que ça soit plus facile d'acces

**Zeckard** · 15/05/2012, 14h51

Première solution :

Ce que tu peux faire, c'est avant de mettre le DataSource de ta GridView, rajouter les colonnes vides des champs que tu voudras insérer.
Tu lies tes champs "en plus" avec les fields names des colonnes vides du DataSource et tu y auras accès "normalement".

Deuxième solution :

Si tu veux avoir accès à un champ posé comme ça, il faut que tu spécifies le "ClientInstanceName" en plus de l'ID. Mais il y aura surement une gymnastique Javascript à faire et des Attributes à associer à tes champs.

Troisième solution :

Crées des classes spécifiques à tes contrôles d'édition qui s'autogéreront tout seul (tu ne lui passes que l'ID qui va bien dans le constructeur) et là c'est encore plus simple puisque tu n'auras plus qu'à instancier ces classes et les poser dans tes Tab.

**yannis51** · 15/05/2012, 14h55

j'ai essayé de faire la 2eme solution j'imagine, cependant je comprend pas l'utilité de mettre un clientinstancename puisque le traitement sera coté serveur ?

oserai-je demander un exemple ?

**Zeckard** · 15/05/2012, 15h05

Code :

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

1
2
3
4
5
6
7
8
            ASPxTextBox tb_Exemple = new ASPxTextBox();
            tb_Exemple.ClientInstanceName = "tb_Exemple";
            // On ajoute une propriété JavaScript au composant, accessible côté client et côté serveur
            tb_Exemple.JSProperties.Add("cpValue", "");
            // Au changement de valeur dans la textbox, le texte saisi est capté par la propriété
            tb_Exemple.ClientSideEvents.ValueChanged = "function(s,e){tb_Exemple.cpValue = tb_Exemple.GetText();}";
            // On affecte cette valeur à une variable côté serveur
            String LeContenuTest = Convert.ToString(tb_Exemple.JSProperties["cpValue"]);

Attention, toutes les propriétés JavaScript de contrôles DevExpress doivent commencer par "cp", j'ai pas creusé pourquoi mais sinon il plante.

**yannis51** · 18/05/2012, 09h02

en faite mon code fonctionnais, c'est juste un fonction précédente qui réinitialisais mes box.

une dernière petite question, dans un aspxmemo comment ajouter une nouvelle ligne en codebehind ? j'ai essayer \n \r\n <newline> etc .. rien ne fonctionne

checkbox dans aspxgridview devexpress [Débutant]

ASP.NET

Discussions similaires

Partager

Partager