與ASP.NET 的其他Web控件一能夠，Gridview控件擁有很多不同的CSS樣式屬性設(shè)置，包括象CssClass,Font字體，F(xiàn)oreColor,BackColor，BackColor, Width, Height等等。Gridview還包括了一些應(yīng)用在表格的行上的樣式屬性，比如RowStyle, AlternatingRowStyle, HeaderStyle,和PagerStyle，它們都提供了象CssClass和Font這些基本的屬性設(shè)置。

　　在ASP.NET 4.0中的Gridview控件中，新增加了四個(gè)樣式屬性：SortedAscendingHeaderStlye,SortedAscendingCellStlye，SortedDescendingHeaderStyle和SortedDescendingCellStyle。這四個(gè)屬性有點(diǎn)像以前的RowStyle和HeaderStyle樣式屬性，但它們是應(yīng)用在gridview的列的，而不是行。當(dāng)GridView需要排序的時(shí)候，這些屬性才起作用,如果當(dāng)gridview需要按升序排序的話，那么SortedAscendingHeaderStyle和SortedAscendingCellStyle屬性定義了數(shù)據(jù)排序時(shí)的樣式風(fēng)格。如果gridview是降序排序時(shí)，SortedDescendingHeaderStyle和SortedDescendingCellStyle屬性則定義了排序時(shí)的樣式風(fēng)格。

　　這四個(gè)新的特性使在排序的時(shí)候，更容易定制數(shù)據(jù)排序時(shí)列的外觀樣式。這些屬性與CSS樣式搭配使用的話，可以在表格排序時(shí)增加向上的箭頭和向下的箭頭，以表明當(dāng)前是按升序還是降序排序。本文將介紹如何使用這四個(gè)新的屬性的樣式。

　　GridView中的排序回顧

　　在Gridview中默認(rèn)是文本的方式顯示每一列的列頭的。要排序的話，必須首先設(shè)置Gridview的AllowSorting屬性，這將使Gridview將要排序的列以鏈接的方式展現(xiàn)，當(dāng)用戶點(diǎn)擊時(shí)，就會(huì)觸發(fā)排序的事件。如果GridView綁定到數(shù)據(jù)源控件了，則你不必編寫(xiě)任何代碼去處理排序，一切都是自動(dòng)完成的。

　　從用戶的角度來(lái)看，點(diǎn)擊標(biāo)題行中的排序列一下，則會(huì)讓表格中的該列數(shù)據(jù)以升序排序，同樣再點(diǎn)擊一下，則以降序排序。遺憾的是，在以往ASP.NET 中的GridView不提供任何的方法以顯示給用戶看，當(dāng)前的排序列是按升序排序還是以降序排序。在ASP.NET 4.0之前，要實(shí)現(xiàn)的唯一方法只有編寫(xiě)一些代碼了，使用Gridview增加SortAscendingStyle 和SortDescendingStyle兩個(gè)屬性，并且使用了CSS去模擬畫(huà)出兩個(gè)上下的箭頭。

　　而在ASP.NET 4.0中，已經(jīng)內(nèi)置了這樣的功能了，下面講解下。

　　新的排序相關(guān)樣式屬性

　　ASP.NET 4.0中新增的4個(gè)排序相關(guān)的屬性如下：

　　SortedAscendingHeaderStyle 當(dāng)Gridview以升序排列時(shí)，定義了排序列的表頭樣式。

　　SortedAscendingCellStyle 當(dāng)Gridview以升序排列時(shí)，定義了要排序的數(shù)據(jù)列的樣式。

　　SortedDescendingHeaderStyle 當(dāng)Gridview以降序排列時(shí)，定義了排序列的表頭樣式。

　　SortedDescendingCellStyle 當(dāng)Gridview以降序排列時(shí)，定義了要排序的數(shù)據(jù)列的樣式。

　　有了這些屬性，在排序時(shí)，只需要簡(jiǎn)單對(duì)它們進(jìn)行設(shè)置就可以了，比如下面的例子中，簡(jiǎn)單設(shè)置了SortedAscendingCellStyle屬性和SortedDescendingCellStyle的子樣式背景顏色為黃色，馬上就可以看到效果了：

<ASP:GridView ID="..." runat="server" AutoGenerateColumns="False" AllowSorting="true"
      ...
      SortedAscendingCellStyle-BackColor="Yellow"
      SortedDescendingCellStyle-BackColor="Yellow">
   ...
</ASP:GridView>
        

        

        
        
      
        
NET技術(shù)：詳解ASP.NET4 GridView新增4大排序樣式，轉(zhuǎn)載需保留來(lái)源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。