码迷,mamicode.com
首页 > Web开发 > 详细

Webform Repeater的灵活运用

时间:2017-01-08 21:17:57      阅读:328      评论:0      收藏:0      [点我收藏+]

标签:webform   3.5   window   pyc   asp   mil   ring   price   gif   

案例:模拟购物列表

封装实体类:

技术分享 View Code

数据访问类:

技术分享 View Code

用Repeater展示:

技术分享
技术分享
  1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
  2 
  3 <!DOCTYPE html>
  4 
  5 <html xmlns="http://www.w3.org/1999/xhtml">
  6 <head id="Head1" runat="server">
  7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8     <title></title>
  9     <style>
 10         * {
 11             padding: 0px;
 12             margin: 0px;
 13         }
 14 
 15         #header {
 16             position: relative;
 17             width: 100%;
 18             height: 80px;
 19             background-color: navy;
 20         }
 21 
 22         #footer {
 23             position: relative;
 24             width: 100%;
 25             height: 100px;
 26             background-color: black;
 27         }
 28 
 29         #items {
 30             position: relative;
 31             width: 80%;
 32             margin-left: 10%;
 33         }
 34 
 35         .item {
 36             position: relative;
 37             width: 23.5%;
 38             margin-left: 0.5%;
 39             margin-right: 0.5%;
 40             height: 300px;
 41             border: 1px solid black;
 42             margin-top: 5px;
 43             margin-bottom: 5px;
 44             float: left;
 45         }
 46 
 47             .item img {
 48                 position: relative;
 49                 width: 100%;
 50                 height: 60%;
 51             }
 52 
 53         .item-name {
 54             position: relative;
 55             width: 80%;
 56             margin-left: 10%;
 57             font-size: 18px;
 58         }
 59 
 60         .item-price {
 61             position: relative;
 62             width: 100%;
 63             color: red;
 64             text-align: right;
 65             font-size: 18px;
 66         }
 67 
 68             .item-price span {
 69                 font-size: 12px;
 70                 text-decoration: line-through;
 71             }
 72 
 73         .item-context {
 74             position: relative;
 75             width: 90%;
 76             margin-left: 5%;
 77         }
 78 
 79         #Label1 {
 80             color: white;
 81         }
 82     </style>
 83 
 84 </head>
 85 <body style="font-family: 微软雅黑;">
 86     <form id="form1" runat="server">
 87         <div id="header"></div>
 88         <div id="items">
 89             <asp:Repeater ID="Repeater1" runat="server">
 90                 <ItemTemplate>
 91                     <div class="item">
 92                         <img src="<%#Eval("pic") %>" />
 93                         <div class="item-name"><%#Eval("name") %></div>
 94                         <div class="item-price">价格:<%#Eval("nowPrice") %><span><%#Eval("oldPrice") %></span></div>
 95                         <div class="item-context"><%#Eval("context") %></div>
 96                         <asp:Button ID="Button1" runat="server" Text="删除" CommandName="Delete" CommandArgument=‘<%#Eval("ids") %>‘ />
 97                     </div>
 98                 </ItemTemplate>
 99             </asp:Repeater>
100             <div style="clear: both;"></div>
101         </div>
102 
103         <div id="footer"></div>
104     </form>
105 </body>
106 </html>
技术分享
技术分享
技术分享
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 public partial class _Default : System.Web.UI.Page
 9 {
10     protected void Page_Load(object sender, EventArgs e)
11     {
12         if (!IsPostBack)
13         {
14             Repeater1.DataSource = new gouwuData().Select();
15             Repeater1.DataBind();
16         }
17         //点击Repeater1中的按钮时发生
18         Repeater1.ItemCommand += Repeater1_ItemCommand;
19     }
20 
21     void Repeater1_ItemCommand(object source, RepeaterCommandEventArgs e)
22     {
23         if (e.CommandName == "Delete")
24         {
25             new gouwuData().Delete(Convert.ToInt32(e.CommandArgument));
26 
27                 Repeater1.DataSource = new gouwuData().Select();
28                 Repeater1.DataBind();
29         }
30     }
31 }
技术分享

不用Repeater展示:

技术分享
技术分享
 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
 2 
 3 <!DOCTYPE html>
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml">
 6 <head id="Head1" runat="server">
 7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8     <title></title>
 9     <style>
10         * {
11             padding: 0px;
12             margin: 0px;
13         }
14 
15         #header {
16             position: relative;
17             width: 100%;
18             height: 80px;
19             background-color: navy;
20         }
21 
22         #footer {
23             position: relative;
24             width: 100%;
25             height: 100px;
26             background-color: black;
27         }
28 
29         #items {
30             position: relative;
31             width: 80%;
32             margin-left: 10%;
33         }
34 
35         .item {
36             position: relative;
37             width: 23.5%;
38             margin-left: 0.5%;
39             margin-right: 0.5%;
40             height: 300px;
41             border: 1px solid black;
42             margin-top: 5px;
43             margin-bottom: 5px;
44             float: left;
45         }
46 
47             .item img {
48                 position: relative;
49                 width: 100%;
50                 height: 60%;
51             }
52 
53         .item-name {
54             position: relative;
55             width: 80%;
56             margin-left: 10%;
57             font-size: 18px;
58         }
59 
60         .item-price {
61             position: relative;
62             width: 100%;
63             color: red;
64             text-align: right;
65             font-size: 18px;
66         }
67 
68             .item-price span {
69                 font-size: 12px;
70                 text-decoration: line-through;
71             }
72 
73         .item-context {
74             position: relative;
75             width: 90%;
76             margin-left: 5%;
77         }
78     </style>
79 
80 </head>
81 <body style="font-family: 微软雅黑;">
82     <form id="form1" runat="server">
83         <div id="header"></div>
84         <div id="items">
85 
86             <asp:Literal ID="Literal1" runat="server"></asp:Literal>
87             
88             <div style="clear: both;"></div>
89         </div>
90 
91         <div id="footer"></div>
92     </form>
93 </body>
94 </html>
技术分享
技术分享
技术分享
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 public partial class Default2 : System.Web.UI.Page
 9 {
10     protected void Page_Load(object sender, EventArgs e)
11     {
12         if (!IsPostBack)
13         {
14             Literal1.Text = DataBind();
15         }
16     }
17     public string DataBind()
18     {
19         string end = "";
20         List<gouwu> glist = new gouwuData().Select();
21         foreach (gouwu g in glist)
22         {
23             if(g.name=="香蕉")
24             {
25                 continue;
26             }
27             end += "<div class=\"item\">";
28             end += "<img src=\"" + g.pic + "\" />";
29             end += "<div class=\"item-name\">" + g.name + "</div>";
30             end += "<div class=\"item-price\">价格:" + g.nowPrice + "<span>" + g.oldPrice + "</span></div>";
31             end += "<div class=\"item-context\">" + g.context + "</div>";
32             end += "<a href=\"Delete.aspx?id=" + g.ids + "\">删除</a>";
33             end += "</div>";
34         }
35 
36         return end;
37     }
38 }
技术分享
技术分享
技术分享
 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 
 8 public partial class Delete : System.Web.UI.Page
 9 {
10     protected void Page_Load(object sender, EventArgs e)
11     {
12         new gouwuData().Delete(Convert.ToInt32(Request["id"]));
13         Response.Write("<script>window.location.href=‘Default2.aspx‘</script>");
14     }
15 }

Webform Repeater的灵活运用

标签:webform   3.5   window   pyc   asp   mil   ring   price   gif   

原文地址:http://www.cnblogs.com/1030351096zzz/p/6262648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!