DataGrid Web控件深度历险(2) Part2
2024-07-21 02:24:24
供稿：网友
在本文的第一部分，我们研究了如何设定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，如果你现在还没有的话。
