使用ObjectDataSource显示数据
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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |