摘要:ASP.NET 4.0中GridView控件主要用于顯示數(shù)據(jù)庫(kù)的查詢結(jié)果。文中對(duì)GridView控件的樣式美化進(jìn)行了研究,探討了GridView控件在應(yīng)用過(guò)程中的自動(dòng)排序及動(dòng)態(tài)添加列等功能,并給出了其實(shí)現(xiàn)方法。經(jīng)過(guò)系統(tǒng)的應(yīng)用與實(shí)踐驗(yàn)證,基本實(shí)現(xiàn)了預(yù)期的效果。
關(guān)鍵詞:GridView;class 綁定;事件
中圖分類號(hào):TP311 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1009-3044(2012)28-6716-03
序、更新、刪除、選擇和分頁(yè)。當(dāng) GridView 控件綁定到某個(gè)數(shù)據(jù)源控件時(shí),GridView控件可利用該數(shù)據(jù)源控件的功能并提供自動(dòng)排序、更新和刪除功能,而這些功能的實(shí)現(xiàn)有時(shí)可以不寫(xiě)代碼或?qū)懞苌俚拇a。
GridView還引入了一批新的功能強(qiáng)大的視圖控件,并為方便開(kāi)發(fā)人員定制編程提供了大量的模板支持。但這些模板往往不能滿足許多特定的要求,本文就對(duì)GridView的樣式及一些常用功能做了簡(jiǎn)單的研究。
1 GridView樣式
1.1 表頭樣式
要改變GridView的表頭樣式我們可以通過(guò)控制列標(biāo)記內(nèi)設(shè)置
然后在css樣式表中設(shè)置:
但這樣你會(huì)發(fā)現(xiàn)表頭并未按你的要求居左顯示,由于GridView在生成html的時(shí)候,表頭對(duì)應(yīng)的是th標(biāo)記,th的默認(rèn)的樣式是居中粗體,即使你定義并在HeaderStyle中應(yīng)用了樣式:text-align:left;,表頭依然是居中顯示。這是因?yàn)樯蓵r(shí)html時(shí)該樣式是被應(yīng)用在tr上的,類似: ,所以,你這樣應(yīng)用的表頭樣式是無(wú)法生效的。只有你在樣式表中定義了:tr{text-align:left},才可以讓表頭靠左顯示。
1.2 邊框樣式
這樣的缺點(diǎn)是不太靈活,如果需要用主題來(lái)控制界面樣式,而代碼中又有這樣的語(yǔ)句的話,就不是很合適,利用css提供的機(jī)制,可以比較好的解決這個(gè)問(wèn)題,代碼如下:
然后在css樣式表中設(shè)置:
這樣就解決了gridview的邊框問(wèn)題
1.3 隔行變色
為了提高表格的可閱讀性和界面的友好性,GridView一般都采用現(xiàn)在比較流行的隔行改變背景色的效果,也可以通過(guò)GridView提供的AlternatingRowStyle屬性來(lái)控制但常常會(huì)出現(xiàn)表格錯(cuò)亂等現(xiàn)象,因此我們采用通過(guò)js計(jì)算單雙行來(lái)改變背景色的方法,代碼簡(jiǎn)單且兼容性也較好,代碼如下:
//設(shè)置每一行的背景色和事件,循環(huán)從1開(kāi)始而非0,可以避開(kāi)表頭那一行
調(diào)用:
2.4 鼠標(biāo)經(jīng)過(guò)行變色
想要實(shí)現(xiàn)很炫的鼠標(biāo)經(jīng)過(guò)行變色效果只需在GridView的RowDataBound事件中加入如下代碼:
//判斷是否為數(shù)據(jù)行
//鼠標(biāo)懸停把原來(lái)顏色賦給C,修改當(dāng)前顏色為#00ffee
//鼠標(biāo)離開(kāi)改回原來(lái)顏色
2 GridView常用功能
2.1動(dòng)態(tài)添加列
在實(shí)際應(yīng)用中我們經(jīng)常要在末尾列或任意位置動(dòng)態(tài)的添加列,其實(shí)現(xiàn)代碼如下:
//構(gòu)造一個(gè)數(shù)據(jù)列對(duì)象出來(lái)
//加此數(shù)據(jù)列進(jìn)入GridView
//或者插入到指定位置
2.2 自動(dòng)序列號(hào)
有時(shí)我們需要對(duì)GridView表格顯示的結(jié)果增加一列自動(dòng)遞增編號(hào)列,以標(biāo)示每一行的序號(hào)。要實(shí)現(xiàn)這一功能,先在 GridView 第一列加入一個(gè) TemplateField,并在 TemplateField 的 3 總結(jié)
該文對(duì).net編程中常用的GridView控件的樣式做了詳細(xì)的說(shuō)明,并對(duì)在日常編程中會(huì)遇到的一些問(wèn)題的解決做了詳細(xì)的說(shuō)明,這些代碼都在實(shí)踐的開(kāi)發(fā)中作了驗(yàn)證,并達(dá)到了預(yù)期的效果。
參考文獻(xiàn):
[1] Robinson S. NageC.C#高級(jí)編程[M].3版.北京:清華大學(xué)出版社,2005.
[2] 曾順.精通CSS+DIV 網(wǎng)頁(yè)樣式與布局[M].北京:人民郵電出版社,2007.
[3] Whitechapel A, Archer T.C#技術(shù)揭秘[M].北京:機(jī)械工業(yè)出版社,200