|
與ASP.NET 的其他Web控件一能夠,Gridview控件擁有很多不同的CSS樣式屬性設置,包括象CssClass,Font字體,ForeColor,BackColor,BackColor, Width, Height等等。Gridview還包括了一些應用在表格的行上的樣式屬性,比如RowStyle, AlternatingRowStyle, HeaderStyle,和PagerStyle,它們都提供了象CssClass和Font這些基本的屬性設置。
在ASP.NET 4.0中的Gridview控件中,新增加了四個樣式屬性:SortedAscendingHeaderStlye,SortedAscendingCellStlye,SortedDescendingHeaderStyle和SortedDescendingCellStyle。這四個屬性有點像以前的RowStyle和HeaderStyle樣式屬性,但它們是應用在gridview的列的,而不是行。當GridView需要排序的時候,這些屬性才起作用,如果當gridview需要按升序排序的話,那么SortedAscendingHeaderStyle和SortedAscendingCellStyle屬性定義了數據排序時的樣式風格。如果gridview是降序排序時,SortedDescendingHeaderStyle和SortedDescendingCellStyle屬性則定義了排序時的樣式風格。
這四個新的特性使在排序的時候,更容易定制數據排序時列的外觀樣式。這些屬性與CSS樣式搭配使用的話,可以在表格排序時增加向上的箭頭和向下的箭頭,以表明當前是按升序還是降序排序。本文將介紹如何使用這四個新的屬性的樣式。
GridView中的排序回顧
在Gridview中默認是文本的方式顯示每一列的列頭的。要排序的話,必須首先設置Gridview的AllowSorting屬性,這將使Gridview將要排序的列以鏈接的方式展現,當用戶點擊時,就會觸發排序的事件。如果GridView綁定到數據源控件了,則你不必編寫任何代碼去處理排序,一切都是自動完成的。
從用戶的角度來看,點擊標題行中的排序列一下,則會讓表格中的該列數據以升序排序,同樣再點擊一下,則以降序排序。遺憾的是,在以往ASP.NET 中的GridView不提供任何的方法以顯示給用戶看,當前的排序列是按升序排序還是以降序排序。在ASP.NET 4.0之前,要實現的唯一方法只有編寫一些代碼了,使用Gridview增加SortAscendingStyle 和SortDescendingStyle兩個屬性,并且使用了CSS去模擬畫出兩個上下的箭頭。
而在ASP.NET 4.0中,已經內置了這樣的功能了,下面講解下。
新的排序相關樣式屬性
SortedAscendingHeaderStyle 當Gridview以升序排列時,定義了排序列的表頭樣式。
SortedAscendingCellStyle 當Gridview以升序排列時,定義了要排序的數據列的樣式。
SortedDescendingHeaderStyle 當Gridview以降序排列時,定義了排序列的表頭樣式。
SortedDescendingCellStyle 當Gridview以降序排列時,定義了要排序的數據列的樣式。
有了這些屬性,在排序時,只需要簡單對它們進行設置就可以了,比如下面的例子中,簡單設置了SortedAscendingCellStyle屬性和SortedDescendingCellStyle的子樣式背景顏色為黃色,馬上就可以看到效果了:
<ASP:GridView ID="..." runat="server" AutoGenerateColumns="False" AllowSorting="true"
...
SortedAscendingCellStyle-BackColor="Yellow"
SortedDescendingCellStyle-BackColor="Yellow">
...
</ASP:GridView>
NET技術:詳解ASP.NET4 GridView新增4大排序樣式,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。