DataGrid Web控制項深度曆險(2) Part2

來源:互聯網
上載者:User
datagrid|web|控制項 在本文的第一部分,我們研究了如何設定DataGrid Web控制項的顯示內容以及如何通過樣式設定DataGrid的頁首、頁尾、行和交替行的顯示。所有這些技術或是用於設定整個DataGrid的顯示,或是用於設定DataGrid中行的顯示。但是如何設定DataGrid中列的顯示內容?其實並不難,接著讀你就知道了。

設定哪些列應該顯示

預設情況下DataGrid在產生的HTML表格中為SQL查詢返回的每一列產生一個對應的列。但是在一些情況下僅希望在DataGrid中顯示這些列中的一部分列。例如,在我進行中的樣本中,通過調用sp_Popularity預存程序顯示了ASPFAQs.com最受歡迎的10個問題。它包含FAQID列,或許我並不希望顯示該列。

如果不想在DataGrid中顯示資料庫查詢返回的所有列,必須顯式地聲明所有希望顯示的列。第一步是將DataGrid的AutoGenerateColumns屬性設為False。一旦執行完這個操作,就需要通過BoundColumn Web控制項設定需顯示的列,如下所示:

<asp:DataGrid runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundColumn DataField="DatabaseColumnName1" ... />
<asp:BoundColumn DataField="DatabaseColumnName2" ... />
...
<asp:BoundColumn DataField="DatabaseColumnNameN" ... />
</Columns>
</asp:datagrid>
對於每一個希望顯示的列,需要通過一個包含DataField屬性的<asp:BoundColumn ... />標記來指定資料庫中需要顯示的列。所有這些BoundColumn標記必須包含在Column標記內。(也可通過編程的方式指定這些繫結資料行,但是它的可讀性差,並且需要很多代碼!)請注意只有通過BoundColumn標記指定的列才會在DataGrid中顯示,你必須指定需要顯示的列!

BoundColumn控制項的優點在於它包含一些設定格式的屬性,包括:

l HeaderText — 設定欄位標題的文字。

l FooterText — 設定列尾的文字(記住若要在DataGrid中顯示頁尾,應將ShowFooter設為True)。

l HeaderStyle/FooterStyle/ItemStyle — 包含與DataGrid樣式相同的屬性。對設定列置中、前景色彩、背景色等很有用。

l DataFormatString — 設定格式命令。(參考下面的樣本;參考文檔以獲得全部的格式化規範)

讓我們看一下如何通過使用BoundColumn標記來進一步增強前面的樣本。正如前面所提到的,我們不想顯示FAQID或FAQCategoryID列,並且我們希望對數字列(ViewCount)和日期/時間列(DateEntered)設定格式。另外,我們希望數字列的值置中。這些均可通過幾行易於閱讀易於理解的程式碼完成:

<asp:DataGrid runat="server" id="dgPopularFAQs"
BackColor="#eeeeee" Width="85%"
HorizontalAlign="Center"
Font-Name="Verdana" CellPadding="4"
Font-Size="10pt" AutoGenerateColumns="False">
<HeaderStyle BackColor="Black" ForeColor="White"
Font-Bold="True" HorizontalAlign="Center" />
<AlternatingItemStyle BackColor="White" />

<Columns>
<asp:BoundColumn DataField="CatName" HeaderText="Category Name" />
<asp:BoundColumn DataField="Description" HeaderText="FAQ Description" />
<asp:BoundColumn DataField="ViewCount" DataFormatString="{0:#,###}"
HeaderText="Views" ItemStyle-HorizontalAlign="Center" />
<asp:BoundColumn DataField="SubmittedByName" HeaderText="Author" />
<asp:BoundColumn DataField="SubmittedByEmail" HeaderText="Author's Email" />
<asp:BoundColumn DataField="DateEntered" HeaderText="Date Added"
DataFormatString="{0:MM-dd-yyyy}" />
</Columns>
</asp:datagrid>
實際運行結果如下:

Category Name
FAQ Description

Views
Date Added

Getting Started
Where can I host my ASP Web site for free (similar to GeoCities or Tripod or any of the many other free Web site sites)?

161,316
03-20-2001

ASP.NET
How can I format numbers and date/times using ASP.NET? For example, I want to format a number as a currency.

124,391
01-19-2002

Databases, Errors
I am using Access and getting a 80004005 error (or a [Microsoft][ODBC Microsoft Access Driver] The Microsoft Jet database engine cannot open the file '(unknown)' error) when trying to open a connection! How can I fix this problem?

108,374
01-17-2001








如上例所示,上述代碼指定了需要顯示的特定列並且應用了特定的格式。請注意DataFormateString看上去很有趣。它的格式始終是{0:format string}。{0: …}指定通過格式化字串(由…指定的)來格式化第一個參數(第一個參數指由DataReader返回的那個特定列的值)。在樣本中我使用了格式化字串#,###,它在每3個數字前加上一個逗號;格式化字串MM-dd-yyyy指定通過月、日和年的格式顯示日期/時間欄位。

結論

花一些時間看一下第一個樣本(見DataGrid Web控制項深度曆險(1))和現在的樣本。改進確實很大!請注意所有這些樣式和使用者介面的改進不需要寫一行代碼就可實現。我們只是在Web控制項的標記中設定了一些屬性!事實上如果你正在使用類似Visual Studio .Net的編輯器, 你可通過點擊一些按鈕、選中一些複選框、挑選清單框的一些項來設定格式化選項。想象一下在傳統ASP中實現同樣效果需要編寫的那些冗長代碼,那會使你愛上ASP.Net,如果你現在還沒有的話。



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。