</asp Bound Field> <asp: BoundField Header Text="CategoryID DataField="categor D SortExpression="CategoryID"> </asp: Bound Field> <asp: BoundField Header Text="Quantity PerUnit DataField="Quantity PerUnit SortExpression="QuantityPerUnit"> </asp: BoundField> <asp: BoundField Header Text="UnitPrices Dataⅰed=" UnitPrice SortExpression="UnitPrice"> </asp: BoundField> </Columns> </asp: GridView> <!-数据源控件的设置 <asp SqlData Source ID="SqlData Source 1"Runat="server SelectCommand="SELECT [ProductiD], [ProductName] [CategorylD] [Quantity PerUnit], UnitPrice] FROM [Products Connection String=<% Connection Strings: AppConnection String %> </asp: SqlDataSource>
▪ </asp:BoundField> ▪ <asp:BoundField HeaderText="CategoryID" DataField="CategoryID" ▪ SortExpression="CategoryID"> ▪ </asp:BoundField> ▪ <asp:BoundField HeaderText="QuantityPerUnit" DataField="QuantityPerUnit" ▪ SortExpression="QuantityPerUnit"> ▪ </asp:BoundField> ▪ <asp:BoundField HeaderText="UnitPrice" DataField="UnitPrice" ▪ SortExpression="UnitPrice"> ▪ </asp:BoundField> ▪ </Columns> ▪ </asp:GridView> ▪ <!--数据源控件的设置--> ▪ <asp:SqlDataSource ID="SqlDataSource1" Runat="server" ▪ SelectCommand="SELECT [ProductID], [ProductName], [CategoryID], [QuantityPerUnit], ▪ [UnitPrice] FROM [Products]" ▪ ConnectionString="<%$ ConnectionStrings:AppConnectionString1 %>"> ▪ </asp:SqlDataSource>
六、利用模板美化显示 ◆6.1模板 ◆6.2自动套用格式 ◆6、3设置模板样式
六、 利用模板美化显示 ◆6.1 模板 ◆6.2 自动套用格式 ◆6.3 设置模板样式
6.1模板 模板( Template)是一组样板,它将HTM元素与 ASP.NET的控件结合在一起用来定义数据的显示格式, 并且由这些格式形成最终的布局。模板相当于框架 在框架中可以放入控件,通过控件与数据绑定,使得 这些绑定的数据按照模板规定的格式显示 通常将模板与样式表结合起来,以便全面改善界面 的显示,增强控件的功能。 控件中的模板由头、尾、体三部分组成,分别用 头模板( Headerter Footer Template/> pI ate)”、“尾模板 和“体模板( ItemTemplate) y 表示。三部分的关系如图7.8所示
6.1 模板 ▪ 模板(Template)是一组样板，它将HTML元素与 ASP.NET的控件结合在一起用来定义数据的显示格式， 并且由这些格式形成最终的布局。模板相当于框架， 在框架中可以放入控件,通过控件与数据绑定，使得 这些绑定的数据按照模板规定的格式显示。 ▪ 通常将模板与样式表结合起来，以便全面改善界面 的显示，增强控件的功能。 ▪ 控件中的模板由头、尾、体三部分组成，分别用 “头模板(HeaderTemplate)”、“尾模板 (FooterTemplate)”和“体模板(ItemTemplate)” 表示。三部分的关系如图7.8所示
头模板 头 Header template 体模板 ItemTempl olate 体 尾模板 Footer Template 尾 图7.8模板的结构
头模板 HeaderTemplate 体模板 ItemTemplate 尾模板 FooterTemplate 头 体 尾 图7.8 模板的结构
碁中,头模板和尾模板用来设置数据标题和尾部 用也可不采用)。体模板则是必须选用的,它用 来显示数据的主体,当绑定有多条记录时,在体 模板中将自动扫描数据源的各条记录,并且按照 模板的要求逐条显示出来。体模板有时又可细分 为选择模板、编辑模板等,用来定义被选中记录 或编辑录的显示样式。还可以用交替模板来设 置交替记录的不同的样式(例如不同的底色)。 控件通常具有固定的功能和显示界面。可是如果 控件拥有模板功能,就能在不同的情况下自动转 换成不同的界面并执行不同的任务,控件的功能 从而得到了大大的加强,一个控件可以当多种控 件来使用
▪ 其中，头模板和尾模板用来设置数据标题和尾部 显示的内容和格式。这两种模板是选用部分(可 用也可不采用)。体模板则是必须选用的，它用 来显示数据的主体，当绑定有多条记录时，在体 模板中将自动扫描数据源的各条记录，并且按照 模板的要求逐条显示出来。体模板有时又可细分 为选择模板、编辑模板等，用来定义被选中记录 或编辑记录的显示样式。还可以用交替模板来设 置交替记录的不同的样式(例如不同的底色)。 ▪ 控件通常具有固定的功能和显示界面。可是如果 控件拥有模板功能，就能在不同的情况下自动转 换成不同的界面并执行不同的任务，控件的功能 从而得到了大大的加强，一个控件可以当多种控 件来使用