Web 服务器控件模板

        大多数 Web 服务器控件具有默认的布局和外观,但是您可以通过设置属性或使用样式来操纵它们。部分 Web 服务器控件还允许您使用模板来自定义其外观。

        模板是一组 HTML 元素和控件,它们构成组件特定部分的布局。例如,在 DataList Web 服务器控件中您可以使用 HTML 元素和控件的组合来创建列表中每行的布局。同样,DataGrid Web 服务器控件对网格中的每行都具有一个默认的外观。但是,您可以通过为单个行、间隔行、所选行等行定义不同的模板来自定义网格的外观。

注意   模板不同于样式。模板定义控件某一部分的“内容”,例如 DataList 控件中行的内容。另一方面,样式指定元素的“外观”,例如颜色、字体等等。样式可以作为整体应用于控件(例如,设置 DataGrid 控件的字体)和模板项。

        模板包含 HTML,甚至是嵌入的服务器控件。当控件在 Web 窗体页中运行时,控件框架呈现模板的内容,而不是控件的默认 HTML。

哪些控件支持模板?

        并非所有 Web 服务器控件都支持模板。在大多数情况下,复杂的控件支持模板。这将包括 DataGridDataList Repeater Web 服务器控件。(实际上,RepeaterDataList 控件不仅支持模板,还需要您创建模板来定义其输出。)您从其他来源获取的控件也可以支持模板。

        每一控件支持的一组模板略有不同,这些模板指定控件的不同部分的布局,例如标题、脚注、项和所选项。您可以为上述任一或全部对象指定模板,具体情况取决于您要自定义哪一对象。在 DataGrid 控件中,您可以指定列(而非行)。

下表概述了支持模板的 Web 服务器控件:

控件模板
Repeater
  • HeaderTemplate
  • FooterTemplate
  • ItemTemplate
  • AlternatingItemTemplate
  • SeparatorTemplate
DataList
  • HeaderTemplate
  • FooterTemplate
  • ItemTemplate
  • AlternatingItemTemplate
  • SeparatorTemplate
  • SelectedItemTemplate
  • EditItemTemplate
DataGrid
  • HeaderTemplate
  • FooterTemplate
  • ItemTemplate (column)
  • EditItemTemplate (column)
  • Pager

 

创建模板

<asp:datalist ID="DataList1" runat="server">
   <HeaderTemplate>
      Employee List
   </HeaderTemplate>
   <ItemTemplate>
      <asp:label id=Label1 runat="server"
         Text='<%# DataBinder.Eval(Container, "DataItem.EmployeeName")
         %>'></asp:label>
      <asp:label id=Label2 runat="server"
         Text='<%# DataBinder.Eval(Container, "DataItem.PhoneNumber")
         %>'></asp:label>
      <asp:Hyperlink id=Hyperlink1 runat="server"
         Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'
         NavigateURL='<%# DataBinder.Eval(Container, "DataItem.Link") %>'>
      </asp:Hyperlink>
   </ItemTemplate>
</asp:datalist>
摘自:.Net SDK1.1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值