DataGrid應用樣式文件定義動態樣式
hbzxf(阿好)
http://www.cnblogs.com/hbzxf
在ASP.NET開發過程中，DataGrid使用的頻率是非常高的，對於DataGrid的樣式來說大家普遍使用的是自定義不同的顏色來應用於DataGrid的Header, Footer, EditItem, SelectItem, Item, Page，然而如果在每個頁面都要對上述樣式逐個設置，工作效率可想而知了，估計一天也出不了幾個頁面，而且在VS.NET中一個最大的BUG就是當我們對已經定義好的DataGrid重新佈置頁面佈局時，發覺其所有的事件會莫名其妙丟失。或許有時候我們只好使用VS.NET已經提供好的自動套用格式模板，但有時候我們必須，而且不由我們使用套用模板怎麼辦（比如客戶的要求），下面我就講解一下在DataGrid中應用樣式文件來定義動態樣式，這樣就解決了當客戶對一套顏色配套方案不滿意時，可以花費幾分鐘的時間重新定義一套，是不是效率會提高很多。廢話少說看看下面的css.css文件是怎麼定義的
css.css文件內容：
.dg_header
{
font-weight :bold ;
color:#FFFFCC;
background-color :#990000;
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
.dg_alter
{
background-color :#FFE0C0;
border-left-color:Green;
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
.dg_item
{
color :#330099;
background-color:White ;
border-width:2px;
border-color :#CC9966;
border-style :solid;
}
.dg_page
{
border-width: 2px;
border-color :#CC9966;
border-style :solid;
}
接下來的工作就是要應用此樣式文件到頁面的DataGrid中了
首先在頁面之間插入下面的語句
href="css.css" type="text" rel="stylesheet">
然後選擇頁面上的DataGrid，改變需要應用樣式屬性值的CssClass
例如：
點擊HeaderStyle屬性左邊的十字打開選項，給CssClass應用樣式dg_header
最後綁定DataGrid看看是不是樣式已經應用上了，如果沒有應用上有兩種可能
1、去掉系統自動套用樣式
2、察看css.css文件是否定義正確
----------------------
| |||||||||
