快速业务通道

使用ObjectDataSource显示数据

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-20
oGenerateColumns="False"
   DataKeyNames="ProductID" DataSourceID="ObjectDataSource1"
   EnableViewState="False">
   <Columns>
     <asp:BoundField DataField="ProductName"
      HeaderText="Product" SortExpression="ProductName" />
     <asp:BoundField DataField="CategoryName"
      HeaderText="Category" ReadOnly="True"
      SortExpression="CategoryName" />
     <asp:BoundField DataField="SupplierName"
      HeaderText="Supplier" ReadOnly="True"
      SortExpression="SupplierName" />
     <asp:BoundField DataField="UnitPrice"
      DataFormatString="{0:c}" HeaderText="Price"
       HtmlEncode="False" SortExpression="UnitPrice">
       <ItemStyle HorizontalAlign="Right" />
     </asp:BoundField>
     <asp:CheckBoxField DataField="Discontinued"
      HeaderText="Discontinued" SortExpression="Discontinued">
       <ItemStyle HorizontalAlign="Center" />
     </asp:CheckBoxField>
   </Columns>
</asp:GridView>

图8: 已经定制了BoundField 的GridView

使用主题(Themes)保持显示风格的一致

这些教程力争避免任何控件级的样式设置,尽可能的使用外部文件定义的级联样 式表。Styles.css 文件包含 DataWebControlStyle、HeaderStyle、RowStyle 和 AlternatingRowStyle CSS 类,使用这些类来规定这些教程中使用的 Web 数据控件的外 观。要实现这一点,应该将 GridView 的 CssClass 属性设置为 DataWebControlStyle, 从而设置它的 HeaderStyle、RowStyle 和 AlternatingRowStyle的 CssClass 属性。

如果在 Web 控件中设置了这些 CssClass 属性,则需要记住要为添加到教程中的 每个 Web 控件明确设置这些属性值。一个比较便于管理的方法就是:使用 Theme 为 GridView、DetailsView 和 FormView 控件定义默认的 CSS 相关属性。Theme 是一组控 件级的属性设置、图像和 CSS 类,这些内容可以在整个站点应用以便强制共同的外观。

我们的 Theme 不包含任何图像或 CSS 文件(我们将保持 stylesheet Styles.css,像网站应用程序根文件夹中定义的一样),但是将包含两个Skin。一个Skin 为一个文件,它为 Web 控件定义了默认属性。具体地说,我们将有针对 GridView 和 DetailsView 控件的Skin文件,包括默认的 CssClass 相关属性。

首先,右键单 击 Solution Explore 中的项目名称,接着选择 Add New Item,向项目添加一个名称为 GridView.skin 的新外观文件。

图9: 添加一个名称为 GridView.skin 的外观文件

需要将外观文件放置在 Theme 中,Theme位于 App_Themes 文件夹。尽管还没有这个 文件夹,但添加第一个外观文件时 Visual Studio 将自动创建该文件夹。单击 Yes 以便 创建 App_Theme 文件夹,然后将新的 GridView.skin 文件放在其中。

图10: Visual Studio 创建 App_Theme 文件夹

这将在 App_Themes 文件夹中创建名称为 GridView 的新 Theme,它包含外观文件 GridView.skin。

图11: GridView Theme 已经被添加到 App_Theme 文件夹

将 GridView Theme 重命名为 DataWebControls(在 App

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号