重复数据的页面展示

一、数据重复展示

1、Repeater：最好，不生成任何冗余代码，使用稍麻烦

2、GridView：（生成table冗余代码）

3、DataList：比GridView稍好，也有冗余代码

                       

<%@ Page Title="" Language="C#" MasterPageFile="~/Adminhyl/Adminhyl.Master" AutoEventWireup="true"
    CodeBehind="DishesManager.aspx.cs" Inherits="HotelWebProject.Adminhyl.DishesManager" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../../Styles/Dishes.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" runat="server">
    <div id="dishcategory">
        菜品分类：<asp:DropDownList ID="ddlCategory" runat="server" CssClass="btncss">
        </asp:DropDownList>
        &nbsp;<asp:Button ID="btnQuery" CssClass="btncss" runat="server" Text="提交查询"  />
    </div>
    <div id="dishlistdiv">


        <%--1、拖放repeater控件,2、手动添加列模板ItemTemplate,3、静态部分先放进去；4、绑定数据(窗口中显示数据绑定就没问题)--%>
        <asp:Repeater ID="rptList" runat="server">

            <ItemTemplate>  
        <div class="dishlist-item">
            <div class="dishlist-img">
                   <%--eval（）只适合于查询，如果要修改bander，但不灵活--%>
                <img src='<%#Eval("DishId", "/Images/dish/{0}.png") %>'    alt="" />
            </div>
            <div class="dishlist-txt">
                菜品名称：<%#Eval("DishName") %></div>
            <div class="dishlist-txt">
                菜品分类：<%#Eval("CategoryName") %></div>
            <div class="dishlist-txt">
                菜品价格：￥<%#Eval("UnitPrice") %></div>
            <div class="dishlist-txt">
                <%--修改按钮返回到菜品发布页面，Operation修改时是1；添加时是0--%>
                <a href='/Adminhyl/Dishes/DishesPublish.aspx?Operation=1&dishId=<%#Eval("DishId") %>'>修改</a>&nbsp;&nbsp;
                <a href="#">删除</a>
            </div>
        </div>
            </ItemTemplate>

        </asp:Repeater>


    </div>
</asp:Content>

二、分类下拉框的编写

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                DAL.DishService  objService=new DAL.DishService();
                //初始化菜品下拉框
                this.ddlCategory.DataValueField = "CategoryId";
                this.ddlCategory.DataTextField = "CategoryName";
                this.ddlCategory.DataSource = objService.GetAllCategory();
                this.ddlCategory.DataBind();
                 //显示所有菜品
                this.rptList.DataSource = objService.GetDishes(null);
                this.rptList.DataBind();
            }
        }

三、查询按钮的编写

        /// <summary>
        /// 根据菜品编号查询
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void btnQuery_Click(object sender, EventArgs e)
        {
            this.rptList.DataSource = new DAL.DishService().GetDishes(this.ddlCategory.SelectedValue.ToString());
            this.rptList.DataBind();
        }