ASP.net Repeater控件

最新推荐文章于 2024-04-23 10:03:45 发布

白露-

最新推荐文章于 2024-04-23 10:03:45 发布

阅读量463

点赞数

分类专栏： asp.net web学习笔记文章标签： asp.net

本文链接：https://blog.csdn.net/m0_56227168/article/details/122463597

版权

asp.net web学习笔记专栏收录该内容

49 篇文章 14 订阅

订阅专栏

一.说明

其他查询准备在ASP.net Repeater ItemTemplate 数据绑定,如有需要请移步

二.前端代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication6.WebForm2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        table,td,th {
            border:1px solid #000000;
            border-collapse:collapse;
        }
        .ait {
            background-color:cadetblue;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Repeater ID="Repeater1" runat="server">
                <%--页眉模板--%>
                <HeaderTemplate>
                    <table>
                        <tr>
                            <th>编号</th>
                            <th>姓名</th>
                            <th>性别</th>
                        </tr>
                </HeaderTemplate>
                
                <%--项目模板--%>
                <ItemTemplate>
                    <tr>
                        <td><%#Eval("id") %></td>
                        <td><%#Eval("name") %></td>
                        <td><%#Eval("sex") %></td>
                    </tr>
                </ItemTemplate>
                
                <%--隔行模板--%>
                <AlternatingItemTemplate>
                    <tr class="ait">
                        <td><%#Eval("id") %></td>
                        <td><%#Eval("name") %></td>
                        <td><%#Eval("sex") %></td>
                    </tr>
                </AlternatingItemTemplate>
                
                <%--页脚模板--%>
                <FooterTemplate>
                    </table>
                </FooterTemplate>
            </asp:Repeater>
        </div>
    </form>
</body>
</html>

三.后端代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication6
{
    public partial class WebForm2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
        	//给前端控件赋值
            Repeater1.DataSource = MyDBSql.excutSql("SELECT * FROM student");
            Repeater1.DataBind();
        }
    }
}

界面效果:
在这里插入图片描述

四.知识点

Repeater控件包含:

HeaderTemplate(页眉)
ItemTemplate(项目)
AlternatingItemTemplate(隔行)
FooterTemplate(页脚)

可以给予他们不同的样式与代码

白露-

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
ASP.net Repeater控件

一.说明其他查询准备在ASP.net Repeater ItemTemplate 数据绑定,如有需要请移步二.前端代码<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication6.WebForm2" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
复制链接

扫一扫