首页 > 代码库 > Webform Repeater的灵活运用
Webform Repeater的灵活运用
案例:模拟购物列表
封装实体类:
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="http://www.mamicode.com/<%#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=http://www.mamicode.com/"" + 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=http://www.mamicode.com/"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=http://www.mamicode.com/‘Default2.aspx‘</script>");14 }15 }
Webform Repeater的灵活运用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。