checkbox dans aspxgridview devexpress

Version imprimable

10/05/2012, 15h39
yannis51

checkbox dans aspxgridview devexpress

bonjour a tous !

j'ai actuellement un aspxgridview qui ressemble a ceci :
http://uppix.net/2/1/5/f2c939063aae6...4786845aa2.png

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 ?

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:

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:

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:

MonGridView.SettingsEditing.Mode = GridViewEditingMode.Inline;

10/05/2012, 16h51
yannis51

salut zeckard,

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

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:

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

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:

1 2 l_CheckBox.ValueChanged += new EventHandler(l_CheckBox_ValueChanged);
Puis dans l’événement :
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 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:

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())); }

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:

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

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:

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:

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

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

Code:

1
2
 
                MonTemplate.ValueChanged += MonTemplate_ValueChanged;

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

Code:

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();
        }

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

le code du template :

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

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

11/05/2012, 15h19
Zeckard
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:

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.
14/05/2012, 10h13
yannis51

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 ?).
14/05/2012, 10h40
Zeckard

Oui. En passant par une Command Column.

Avec ça, tu devrai le faire facilement. ;)

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:

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:

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:

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

15/05/2012, 13h59
Zeckard

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é ?
15/05/2012, 14h12
yannis51

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 :
http://uppix.net/e/4/4/fddfb5bbcbf81...9c04718637.png

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
15/05/2012, 14h36
Zeckard

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 ?
15/05/2012, 14h38
yannis51

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
15/05/2012, 14h51
Zeckard

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.
15/05/2012, 14h55
yannis51

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 ? :oops:

Code:

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.

18/05/2012, 09h02
yannis51

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 :(
18/05/2012, 09h53
Zeckard

http://www.devexpress.com/Support/Center/p/Q248423.aspx
18/05/2012, 10h44
yannis51

dans ton lien il fait ça en javascript donc quand il y a action de l'utilisateur.

Moi je cherche a generer un text et a l'afficher dans le memo mais impossible de revenir a la ligne je seche vraiment la ....
18/05/2012, 11h03
Zeckard

Ce n'est pas ce qu'il cherche à faire qu'il fallait retenir, mais l'explication :

Citation:

Our controls support the XHTML DOCTYPE, which should be declared via the DOCTYPE directive in all pages (including master pages). If you accidently remove this line, our controls render incorrectly.

Dans un premier temps vérifie cela.

Car comme ce même technicien a dit :

Citation:

Probably, you've inserted an invalid escape character sequence. I think that if you insert the "\r\n" or "\n" characters, the problem will go away

Si tes "n \r\n <newline>" ne marchent pas, c'est que tu as probablement oublié quelque chose (Doctype) car il semblerait que ce soit effectivement la bonne écriture.
18/05/2012, 11h07
yannis51

j'avais déja vérifié et tout étais bon.

j'ai trouver la solution en faisant comme ceci :

Code:

box2.Text = "text1" + vbCrLf + "text2"

merci quand meme
18/05/2012, 15h13
yannis51

encore une question (je sais j'en pose beaucoup :p)

comment faire pour récupéré l'index de la ligne lorsque je clique sur le bouton modifier d'une ligne de ma grid ?
18/05/2012, 15h52
Zeckard

Dans ton DataSource, tu n'as pas mis l'id de tes enregistrements ?

Ou tes ID de lignes ne correspondent pas toujours à tes index visuels ?

Sinon pendant l'évenement "CellEditorInitialize" de ton gridView :

Code:

Int32 Index = e.VisibleIndex;

j'ai encore un problème !

lorsque j'appel le cellEditorInitialize lorsque je fait des findcontrol plus tard il me renvois des nullreference partout :
Code:

1 2 3 4 5 6 Protected Sub grid_CellEditorInitialize(ByVal sender As Object, ByVal e As ASPxGridViewEditorEventArgs) Handles grid.CellEditorInitialize Dim id As Integer = e.VisibleIndex Dim r As DataRow = grid.GetDataRow(id) End Sub
Code:

1 2 3 4 5 Protected Sub btnTestContratRec_Click() Dim pageControl As ASPxPageControl = TryCast(grid.FindEditFormTemplateControl("ASPxPageControl1"), ASPxPageControl) Dim fournisseur As ASPxComboBox = TryCast(pageControl.FindControl("fourRec"), ASPxComboBox) End Sub
le problème viens de la ligne :

Code:

Dim r As DataRow = grid.GetDataRow(id)

des que je l'enleve mes findcontrol refonctionne normalement, j'ai essayer en utilisant l'objet sender mais j'ai le meme problème.

une idée ?

j'ai trouvé la solution en faisant comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
    Protected Sub grid_CellEditorInitialize(ByVal sender As Object, ByVal e As ASPxGridViewEditorEventArgs) Handles grid.CellEditorInitialize
        If e.Column.FieldName = "Rec" Then
            If e.Value = 1 Then
                Dim pageControl As ASPxPageControl = TryCast(grid.FindEditFormTemplateControl("ASPxPageControl1"), ASPxPageControl)
                Dim b As ASPxButton = TryCast(pageControl.FindControl("regenRec"), ASPxButton)
                b.Visible = True
            End If
        End If
 
    End Sub