DataGrid應(yīng)用樣式文件定義動(dòng)態(tài)樣式

2024-07-21 02:23:43

字體：大中小

供稿：網(wǎng)友

datagrid應(yīng)用樣式文件定義動(dòng)態(tài)樣式

hbzxf(阿好)
http://www.cnblogs.com/hbzxf

在asp.net開(kāi)發(fā)過(guò)程中，datagrid使用的頻率是非常高的，對(duì)于datagrid的樣式來(lái)說(shuō)大家普遍使用的是自定義不同的顏色來(lái)應(yīng)用于datagrid的header, footer, edititem, selectitem, item, page，然而如果在每個(gè)頁(yè)面都要對(duì)上述樣式逐個(gè)設(shè)置，工作效率可想而知了，估計(jì)一天也出不了幾個(gè)頁(yè)面，而且在vs.net中一個(gè)最大的bug就是當(dāng)我們對(duì)已經(jīng)定義好的datagrid重新布置頁(yè)面布局時(shí)，發(fā)覺(jué)其所有的事件會(huì)莫名其妙丟失。或許有時(shí)候我們只好使用vs.net已經(jīng)提供好的自動(dòng)套用格式模板，但有時(shí)候我們必須，而且不由我們使用套用模板怎么辦（比如客戶(hù)的要求），下面我就講解一下在datagrid中應(yīng)用樣式文件來(lái)定義動(dòng)態(tài)樣式，這樣就解決了當(dāng)客戶(hù)對(duì)一套顏色配套方案不滿意時(shí)，可以花費(fèi)幾分鐘的時(shí)間重新定義一套，是不是效率會(huì)提高很多。廢話少說(shuō)看看下面的css.css文件是怎么定義的

css.css文件內(nèi)容：

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

接下來(lái)的工作就是要應(yīng)用此樣式文件到頁(yè)面的datagrid中了

首先在頁(yè)面<head></head>之間插入下面的語(yǔ)句

<link href="css.css" type="text/css" rel="stylesheet">

然后選擇頁(yè)面上的datagrid，改變需要應(yīng)用樣式屬性值的cssclass

例如：
點(diǎn)擊headerstyle屬性左邊的十字打開(kāi)選項(xiàng)，給cssclass應(yīng)用樣式dg_header

最后綁定datagrid看看是不是樣式已經(jīng)應(yīng)用上了，如果沒(méi)有應(yīng)用上有兩種可能

1、去掉系統(tǒng)自動(dòng)套用樣式

2、察看css.css文件是否定義正確

上一篇：設(shè)計(jì)模式c#描述——裝飾（Decorator）模

下一篇：將DataGrid中滿足條件的行設(shè)為不同的背景色(WinForm).