DataGrid應用樣式檔案定義動態樣式

來源:互聯網
上載者:User
datagrid|動態 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中了

首先在頁面<HEAD></HEAD>之間插入下面的語句

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

然後選擇頁面上的DataGrid,改變需要應用樣式屬性值的CssClass

例如:
點擊HeaderStyle屬性左邊的十字開啟選項,給CssClass應用樣式dg_header

最後綁定DataGrid看看是不是樣式已經應用上了,如果沒有應用上有兩種可能

1、去掉系統自動套用樣式

2、察看css.css檔案是否定義正確





相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。