webform Repeater

Repeater
用法：1.绑定数据源： Repeater1.DataSource = context.Info;
Repeater1.DataBind();
2.造模板：
头模板：HeaderTemplate：只出现一次，一般是标题行
脚模板：FooterTemplate：只出现一次
项模板：ItemTemplate：根据数据源中数据的多少生成。
绑定数据：
1.Eval("Code"):绑定显示某一个字段
2.调用函数来显示数据
3.绑定主表中的字段：Nation1.Name
4.格式化显示数据：Eval("Birthday","{0:yyyy年MM月dd日}")

3.如何出现交替项
加一个交替项模板：AlternatingItemTemplate：用来交替显示数据，一般只需要改变样式。

webform web代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 type="text/css">
        * {
            margin:0px auto;
            padding:0px;
        }
        #menu {
            list-style:none;

        }
        .cd {
            float:left;
            100px;
            height:30px;
            background-color:#FF66CC;
            font-size:13px;
            font-family:微软雅黑;
            text-align:center;
            line-height:30px;
            vertical-align:middle;
            color:white;
            border-right:1px solid black;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <table width="800" border="0" cellspacing="1" cellpadding="1" bgcolor="#6600FF">
                  <tr>
                    <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF">代号</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">姓名</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">性别</td>
                    <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">民族</td>
                    <td width="200" align="center" valign="middle" bgcolor="#FFFFFF">生日</td>
                  </tr>
            </HeaderTemplate>

            <ItemTemplate>
                  <tr>
                    <td height="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Code") %></td>
                    <td align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Name") %></td>
                    <td align="center" valign="middle" bgcolor="#FFFFFF"><%#ShowSex()%></td>
                    <td align="center" valign="middle" bgcolor="#FFFFFF"><%#ShowNation() %></td>
                    <td align="center" valign="middle" bgcolor="#FFFFFF"><%#ShowBirthday()%></td>
                  </tr>
            </ItemTemplate>
            <AlternatingItemTemplate>
                 <tr>
                    <td height="30" align="center" valign="middle" bgcolor="#66CC66"><%#Eval("Code") %></td>
                    <td align="center" valign="middle" bgcolor="#66CC66"><%#Eval("Name") %></td>
                    <td align="center" valign="middle" bgcolor="#66CC66"><%#ShowSex()%></td>
                    <td align="center" valign="middle" bgcolor="#66CC66"><%#ShowNation() %></td>
                    <td align="center" valign="middle" bgcolor="#66CC66"><%#ShowBirthday()%></td>
                  </tr>
            </AlternatingItemTemplate>

            <FooterTemplate>
                </table>
            </FooterTemplate>
        </asp:Repeater>



        
        <br />
        <asp:Repeater ID="Repeater2" runat="server">

            <HeaderTemplate>
                <u id="menu">
            </HeaderTemplate>
            <FooterTemplate>
                </u>
            </FooterTemplate>
            <ItemTemplate>
                <li class="cd" bs="<%#Eval("Code") %>"><%#Eval("Name") %></li>
            </ItemTemplate>

        </asp:Repeater>



        
    </div>
    </form>
</body>
</html>
后台c#代码

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

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            TestDataContext context = new TestDataContext();

            

            Repeater1.DataSource = context.Info;
            Repeater1.DataBind();

            Repeater2.DataSource = context.Nation;
            Repeater2.DataBind();
        }
    }

    public string ShowSex()
    {
        //return Convert.ToBoolean(Eval("Sex")) ? "男" : "女";
        if (Convert.ToBoolean(Eval("Sex")))
        {
            return "<mark>男</mark>";
        }
        else
        {
            return "女";
        }
    }

    public string ShowNation()
    {
        string nation = Eval("Nation").ToString();
        TestDataContext context = new TestDataContext();

        return context.Nation.Where(p=>p.Code == nation).First().Name;
    }

    public string ShowBirthday()
    {
        return Convert.ToDateTime( Eval("Birthday")).ToString("yyyy年MM月dd日");
    }
}