使用 ASP+ DataGrid 控件来创建主视图/详细资料视图__教程 |
|
日期:2007-5-20 1:22:40 人气:159 [大 中 小] |
|
|
|
</tr> <tr> <td colspan="2"> <asp:DataGrid id="titlesGrid" runat="server" DataSource='<%# DataBinder.Eval(CurrentAuthor, "AuthorTitle") %>' AutoGenerateColumns="false" ShowFooter="true" BackColor="White" BorderWidth="1px" BorderStyle="Solid" BorderColor="Tan" CellPadding="2" CellSpacing="0" Font-Name="Verdana" Font-Size="8pt" OnItemCreated="OnItemCreatedTitlesGrid">
<property name="Columns"> <asp:BoundColumn HeaderText="ID" DataField="title_id"> <property name="HeaderStyle"> <asp:TableItemStyle Width="100px"/> </property> </asp:BoundColumn> <asp:BoundColumn HeaderText="Title" DataField="title"> <property name="HeaderStyle"> <asp:TableItemStyle Width="250px"/> </property> </asp:BoundColumn> <asp:BoundColumn HeaderText="Published" DataField="pubdate" DataFormatString="{0:MMM yyyy}"> <property name="HeaderStyle"> <asp:TableItemStyle Width="100px"/> </property> </asp:BoundColumn> <asp:BoundColumn HeaderText="Price" DataField="price" DataFormatString="{0:c}"> <property name="HeaderStyle"> <asp:TableItemStyle Width="50px"/> </property> <property name="ItemStyle"> <asp:TableItemStyle HorizontalAlign="Right"/> </property> </asp:BoundColumn> </property>
<property name="HeaderStyle"> <asp:TableItemStyle BackColor="DarkRed" ForeColor="White" Font-Bold="true"/> </property>
<property name="FooterStyle"> <asp:TableItemStyle BackColor="Tan"/> </property>
<property name="ItemStyle"> <asp:TableItemStyle ForeColor="DarkSlateBlue"/> </property>
<property name="AlternatingItemstyle"> <asp:TableItemStyle BackColor="Beige"/> </property>
</asp:DataGrid> </td> </tr> </table> </asp:Panel>
本页包含若干使用 DataBinder.Eval 的数据绑定表达式。这些表达式抽取本页代码中所实施的 CurrentAuthor 属性的各个属性。
DataGrid 用于显示选定作者所编著的书名。与第 1 步相同, DataGrid 包含一个针对要显示的列的定义,以及用于为列、行和总体控制提供可视格式化的样式属性设置。
BoundColumns 还允许对数据进行格式化。正如在上面声明中看到的那样, DataFormatString 属性用于对日期和货币值进行格式化。格式化对于表示本地化文字和控制非字符串类型的文字呈现来讲极其有用。
Step2aPage.cs 包含支持详细资料页面的代码。
Step2aPage.cs:
namespace Samples { ...
public class Step2aPage : Page { private object currentAuthor;
// 返回当前选定的 Author public object CurrentAuthor { get { return currentAuthor; } }
// 检索存入会话状态的应用程序数据 private DataSet GetSessionData() { return (DataSet)Session["AppData"]; }
// 处理 ItemCreated 事件,以将标尾定制为 // 显示总结信息 protected void OnItemCreatedTitlesGrid(object sender, DataGridItemCreatedEventArgs e) { |
|
出处:本站原创 作者:佚名 |
|
|