Discussion :

[yannis51]

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]

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]

salut zeckard,

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

[yannis51]

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]

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]

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