[C#][1.1] Appliquer un style à un DataGrid

Version imprimable

Bonjour et joyeux noell...
Dites. Comment donner du style à un datagrid en webform? Genre: choisir les colonnes du dataset source à afficher, changer le headertext, etc... bref , un peu comme ceci:

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
	DataSet MTds=new DataSet();
			MTds=ftdtl.loadFTDTL(ft.FT_HDR_ID);
			DataTable dt=new DataTable();
			DataGridTableStyle tableStyle=new DataGridTableStyle();
			dt=(DataTable)MTds.Tables[0];
			dataGrid1.DataSource= dt;	
			tableStyle.MappingName=dt.TableName;
			//colonne1
			DataGridTextBoxColumn cs = new DataGridTextBoxColumn();
			cs.MappingName = "ft_dtl_description";
			cs.TextBox.Multiline=true;
			cs.HeaderText = "Description";
			tableStyle.GridColumnStyles.Add(cs);
			dataGrid1.TableStyles.Clear();
			dataGrid1.TableStyles.Add(tableStyle);
 
 
			//colonne 2
			DataGridTextBoxColumn cs2=new DataGridTextBoxColumn();
			cs2.MappingName="ft_dtl_type";
			cs2.HeaderText="Type";
			tableStyle.GridColumnStyles.Add(cs2);
			dataGrid1.TableStyles.Clear();
			dataGrid1.TableStyles.Add(tableStyle);
 
			//colonne 3
			DataGridTextBoxColumn cs3=new DataGridTextBoxColumn();
			cs2.MappingName="ft_dtl_avct";
			cs2.HeaderText="Avancement";
			tableStyle.GridColumnStyles.Add(cs3);
			dataGrid1.TableStyles.Clear();
			//colonne 4
			DataGridTextBoxColumn cs4=new DataGridTextBoxColumn();
			cs4.MappingName="ft_dtl_type";
			cs4.HeaderText="Type de la tâche";
			tableStyle.GridColumnStyles.Add(cs4);
			dataGrid1.TableStyles.Clear();
 
			//colonne 5
			DataGridTextBoxColumn cs5=new DataGridTextBoxColumn();
			cs5.MappingName="ft_dtl_duree_estime";
			cs5.HeaderText="Durée estimee";
			tableStyle.GridColumnStyles.Add(cs5);
			dataGrid1.TableStyles.Clear();
 
			//colonne 6
			DataGridTextBoxColumn cs6=new DataGridTextBoxColumn();
			cs6.MappingName="ft_dtl_duree_reelle";
			cs6.HeaderText="Duree réelle";
			tableStyle.GridColumnStyles.Add(cs6);
			dataGrid1.TableStyles.Clear();
 
			//colonne 7
			DataGridTextBoxColumn cs7=new DataGridTextBoxColumn();
			cs7.MappingName="ft_dtl_duree_corr";
			cs7.HeaderText="Duree correction";
			tableStyle.GridColumnStyles.Add(cs7);
			dataGrid1.TableStyles.Clear();
			dataGrid1.TableStyles.Add(tableStyle);
			dataGrid1.ReadOnly=true;
			dataGrid1.DataBind();

mais équivalent web...
Merci... :D

26/12/2005, 14h22
neguib

:arrow: http://dotnet.developpez.com/faq/asp...ep#cssdatagrid :wink:
26/12/2005, 15h09
misa
OK merci nequib.
J'y suis allé à l'url que tu m'as proposé mais je sais pas comment ca marche si mon datagrid est basé sur un dataset créé dans le code comment on fait ca:

Citation:

Si vous possédez Visual Studio, il y a encore plus simple : Allez dans le property builder du datagrid => Columns, et changez une boundsColumns en template columns à l'aide d'un lien en bas de la fenêtre Ensuite du sortez du property builder, faites un click droit sur le datagrid => edit template. Et la vous pouvez éditer la template column avec l'IDE en faisant du Drag & Drop.

J'ai plutot essayé ca:

Code:

<asp:datagrid id="dataGrid1" runat="server" Height="108px" AutoGenerateColumns="true" OnItemDataBound="dataGrid1_ItemDataBound">

et en code behind,
Code:

1 2 3 4 5 6 private void dataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e) { e.Item.Cells[1].Visible=false; e.Item.Cells[2].Visible=false; }
mais ca fait l'erreur:

Citation:

dataGrid1_ItemDataBound(object, System.Web.UI.WebControls.DataGridItemEventArgs)' is inaccessible due to its protection level

Qu'est ce que ca peut vouloir dire?
26/12/2005, 15h44
neguib

Citation:

Envoyé par misa

J'ai plutot essayé ca:

Citation:

<asp:datagrid id="dataGrid1" runat="server" Height="108px" AutoGenerateColumns="true" OnItemDataBound="dataGrid1_ItemDataBound">

Ne serait-il pas là le hic :?: :idea: Essayes avec False

:arrow: http://msdn.microsoft.com/library/fre/default.asp?url=/library/FRE/vbcon/html/vbconintroductiontodatagridwebcontrol.asp
au paragraphe "Evenements"
28/12/2005, 11h13
patlemagnifik

[asp.net]

ya aussi le générateur de style qui fait tout ça et qi propose une multitude de style pour le datagrid

Bonjour,
Ca y est...j'ai enfin compris comment faire pour gérer le style du datagrid.grand Merci à nequib et a patlemagnifik pour leur aide précieuse... Voila comment j'ai fait pour y arriver:

Code:

1
2
3
4
5
6
7
8
9
10
11
<asp:datagrid id="dataGrid1" runat="server" AutoGenerateColumns="False" Font-Size="XX-Small" Height="108px">
									<HeaderStyle CssClass="soustitre1"></HeaderStyle>
									<Columns>
										<asp:HyperLinkColumn Target="_blank" DataTextField="ft_dtl_description" DataNavigateUrlField="ft_hdr_numero"
											HeaderText="Description" DataNavigateUrlFormatString="MiseAJourDUneMicroTache.aspx?numrow={0}"></asp:HyperLinkColumn>
										<asp:BoundColumn DataField="ft_dtl_type" HeaderText="Type  tâche"></asp:BoundColumn>
										<asp:BoundColumn DataField="ft_dtl_duree_estime" HeaderText="Duree estimee"></asp:BoundColumn>
										<asp:BoundColumn DataField="ft_dtl_duree_reelle" HeaderText="Duree reelle"></asp:BoundColumn>
										<asp:BoundColumn DataField="ft_dtl_duree_corr" HeaderText="Duree correction"></asp:BoundColumn>
									</Columns>
								</asp:datagrid>

Au fait dans visual studio, il suffisait de cliquer sur proprietes et proprety builder pour générer tout ca automatiquement.