[VB.net] selectionner une ligne DataGrid

Version imprimable

02/06/2005, 17h20
MichMich29

[VB.net] selectionner une ligne DataGrid

Bonjour,

J'ai un dataGrid, j'arrive a changer la couleur d'une ligne lors du passage de la souris. Je voudrais que lorsque l'on clique sur une ligne celle ci change de couleur pour que pour l'utilisateur elle soit "selectionnée".

Avec onclick la couleur change lorsque l'on enleve la souris du dataGrid... Comment faire pour qu'elle reste ? & ensuite comment recupperer les valeurs de cette ligne selectionnée ?

En gros j'utilise ce dataGrid comme une listBox.

Merci de votre aide !!

MichMich
02/06/2005, 19h09
MichMich29

personne n'a déja utilisé un datagrid dans ce contexte ?

please :(
03/06/2005, 10h08
liliprog
si tu utilise visual studio pour developper, je pense que c'est assez facile:
- Tu selectionne ta datagrid
- Tu cliques sur générateur de propriété
- Tu vas dans format puis tu selectionnes élement selectionné
- Et enfin tu lui affecte la couleur, etc... que tu souhaite
J'espere avoir repondu a ta question. :wink:

Merci pour ta réponse mais c'est pas tout a fait ca !! :D

Voila ma fonction pour changer la couleur s'une ligne lors du survol de la souris :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
Public Sub dg_ItemDataBound(ByVal sender As System.Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGridInst.ItemDataBound 
 
 
'Gestion de la couleur lors du passage de la souris 
        If Not e.Item.ItemIndex = -1 Then 
            If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then 
                e.Item.Attributes.Add("onmouseover", "this.style.backgroundColor='#FFC0C0'; this.style.cursor='pointer'") 
                e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor='#CCCCFF'") 
           End If 
        End If 
    End Sub

cela marche !! :D c'est déja ca...

& voici le code de mon dataGrid :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<ASP:DATAGRID id="MyDataGrid" runat="server" SelectedItemStyle-ForeColor="#00ff00" Height="112px"
				BackColor="#CCCCFF" BorderColor="Black" AllowSorting="True" GridLines="Horizontal" Font-Names="Verdana"
				AutoGenerateColumns="False" HeaderStyle-BackColor="#aaaadd" Font-Size="8pt" Font-Name="Verdana"
				Width="608px" OnItemDataBound="dg_ItemDataBound" OnSortCommand="MyDataGrid_Sort">
				<SelectedItemStyle ForeColor="Olive" BorderColor="#404040" BackColor="Blue"></SelectedItemStyle>
				<HeaderStyle Font-Size="Larger" Font-Bold="True" BackColor="#AAAADD"></HeaderStyle>
				<Columns>
					<asp:BoundColumn DataField="idSalarie" SortExpression="idSalarie" HeaderText="idSalarie">
						<ItemStyle Wrap="False"></ItemStyle>
					</asp:BoundColumn>
					<asp:BoundColumn DataField="nom" SortExpression="nom" HeaderText="nom"></asp:BoundColumn>
					<asp:BoundColumn DataField="prenom" SortExpression="prenom" HeaderText="prenom"></asp:BoundColumn>
					<asp:BoundColumn DataField="motDePasse" SortExpression="motDePasse" HeaderText="mot De Passe"></asp:BoundColumn>
				</Columns>
</ASP:DATAGRID>

Pour l'instant j'arrive a remplir ma dataGrid avec ma base de données, a trier les colonnes, a changer la couleur lors du survol.
Mais je n'arrive pas lors d'un clic a changer la couleur de la ligne.

Je voudrais un fonctionnment identique a cela :
http://philflash.inway.fr/dgstyle2/dgstyle2.html

Je suis plus très loin après une journée de recherche !!

Ensuite je veux recupérer les données de ligne selectionnée, et cela je n'y arrive pas non plus.

Merci a tt le monde

MichMcih

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
Public Sub dg_ItemDataBound(ByVal sender As System.Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGridInst.ItemDataBound 
 
 
'Gestion de la couleur lors du passage de la souris 
        If Not e.Item.ItemIndex = -1 Then 
            If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then 
                e.Item.Attributes.Add("onmouseover", "this.style.backgroundColor='#FFC0C0'; this.style.cursor='pointer'") 
                e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor='#CCCCFF'") 
                e.Item.Attributes.Add("onclick", "this.style.backgroundColor='#FFC0C0'") 
           End If 
        End If 
    End Sub

Ca passe pas ça??

03/06/2005, 10h59
MichMich29

J'ai déja essayer et le problème c'est que dès que on enlève le pointeur de la souris de la cellule, op la couleur reviens a la couleur initiale !! Lorsque l'on clique et que l'on reste dessus ca marche mais des que l'on bouge ca foire ...

D'autre solutions ?
03/06/2005, 11h00
Jerem76

Bah oué c'est parce que lors du click il change de couleur mais ensuite il affecte la couleur de l'evenement mouseover.

Si tu veux que ca fasse comme dans ton exemple retire le mouseover et mouseout.
03/06/2005, 11h08
MichMich29

c'est cool ca marche !! Merci!

Comment faire pour que l'on est que une ligne qui puisse changé de couleur ? & ensuite recuppérer les valeurs de celle ci ?

Citation:

Comment faire pour que l'on est que une ligne qui puisse changé de couleur ?

Comprend pas la question

Citation:

ensuite recuppérer les valeurs de celle ci ?
Code:

1 2 e.Item.Attributes.Add("onClick", "document.Form1.elements['" + unChampdetonform + "'].text = 'e.Item.Cells(0).Text';")
Voici un exemple que j'utilise, avec un champ caché pour recupere mon resultat
Code:

1 2 3 4 strParamUrl = e.Item.Cells(Session("indexLogin")).Text) strCommclick = "document." + formName + ".elements['" + txthidden.UniqueID + "'].value = '" & strParamUrl & "';" e.Item.Attributes.Add("onClick", strCommclick)

03/06/2005, 11h38
MichMich29

et bien la actuelement, je clique sur une ligne n: elle change de couleur : on va dire qu'elle est "selectionnée". C'est ok !

Je clique sur une autre ligne n+1 : elle change de couleur aussi.

il y a donc 2 lignes selectionnées, moi je veux que seule la dernière ligne cliqué soit "selectionnée".

ai-je bien expliqué ?

Salut à tous,

OS : XP PRO
Framework : 1.1
Environnement : VS 2003

J'ai un problème avec mon datagrid. La modification de la couleur d'une ligne de mon datagrid lorsqu'on clique dessus fonctionne mais lorsque que je clique sur un bouton de ma page, il me dit : "impossible d'afficher la page".
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 Public Sub DataGrid1_ItemDataBound(ByVal sender As System.Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles DataGrid1.ItemDataBound If Not e.Item.ItemIndex = -1 Then If e.Item.ItemType = ListItemType.Item Or e.Item.ItemType = ListItemType.AlternatingItem Then 'si la ligne ci-dessous est présente, ca ne marche pas 'par contre, si je l'enléve, mon appli tourne correctement e.Item.Attributes.Add("onclick", "this.style.backgroundColor='#CCCCFF'") End If End If
Le probléme arrive au rechargement de la page et donc du datagrid.

Pour ton pb MichMich29, tu peux passer par des variables sessions pour sauvegarder le numéro de la ligne qui a été précédement sélectionner.

Merci d'avance

++

31/05/2007, 20h36
ayara

j'ai vue ce que tu as realisé sur datagrid ,moi aussi je suis bloqué sur un datagrid en fait je viens de commencer laprogrammation en VB.net '

alors mon probleme c'est queje dois recupere l'information qui se trouve dans la derniere ligne d'un datagrid et l'enregistre dans une table dans une base de donné.

alors je dois a chaque fois faire le test si c'est la dernier ligne apres je dois recuperé l'information de la deuxieme colone de cette ligne , j'espre que tu pourra me donné des idée