Webform Repeater的灵活运用
案例：模拟购物列表
封装实体类：
数据访问类：
用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展示：
Repeater的Command操作
1、ItemCommand事件 ：在Repeater中所有能触发事件的控件，都会来触发这一个事件
后台创建：在Page_Load中 Repeater1.ItemCommand += ，然后双击Tab键创建
2、CommandName ： 判断点击的是什么按钮，
后台调用：e.CommandName
3、CommandArgument ： 触发事件所传递过来的主键值数据，放在这里面 界面值绑定时要用 单引号 ！！！！！！
后台调用：e.CommandArgument
Webform Repeater的灵活运用的更多相关文章
- Webform——Repeater多表联合显示
对于一个表里,通过外键连接如何显示另一个表的数据,前Winform里可以用封装类来实现. 对于Webform,可以用封装类,也可以用Repeater的ItemDataBound事件(//在项被绑定数据 ...
- webform Repeater重复器、地址栏传值、Response
Repeater: 重复器 <HeaderTemplate></HeaderTemplate> - 头模板:在循环开始时,其内容只会打印一遍 <ItemTemplate& ...
- webform Repeater、地址栏传值、Response
Repeater: 重复器 Repeater中有五个模板,这里需要注意的是4个 <HeaderTemplate> - 开头,只执行一次的内容 <ItemTemplate> - ...
- WebForm Repeater: 重复器
Repeater控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行. Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式. ...
- WebForm Repeater使用
Repeater: HeaderTemplate: 在加载开始执行一遍 ItemTemplate : 有多少条数据,执行多少遍 FooterTemplate :在加载最后执行一遍 Alternatin ...
- WebForm Repeater Response以及 地址栏
Repeater重复器: Repeater中有五个模板,这里需要注意的是4个 <HeaderTemplate> - 开头,只执行一次的内容 <ItemTemplate> - 需 ...
- webform repeater控件
Repeater: HeaderTemplate - 在加载开始执行一遍 ItemTemplate - 有多少条数据,执行多少遍 FooterTemplate - 在加载最后执行一遍 Alternat ...
- WebForm Repeater的事件、后天数据展示--2017年1月8日
Repeater的Command操作 1.ItemCommand事件 :在Repeater中所有能触发事件的控件,都会来触发这一个事件 CommandName : 判断点击的是什么按钮,e.Comma ...
- webform repeater
repeater:由模板构成,解析后模板就不存在了 需要指定数据源进行数据绑定 List<Fruit> list = new FruitDA().Select(); ...
随机推荐
- 使用css3实现文章新闻列表排行榜（数字）
列举几个简单的文章排行榜数字效果 一:使用list-style来显示数字.圆点.字母或者图片 <style> li{width:300px; border-bottom: 1px dott ...
- php获取文件mime类型Fileinfo等方法
前几天写到使用wordpress xmlrpc api远程发布文章,如果本地服务器的文章库里某一篇待发表的wordpress文章包含图片文件时,就会使用到WordPress上传文件的API metaW ...
- Python正则表达式Regular Expression基本用法
资料来源:http://blog.csdn.net/whycadi/article/details/2011046 直接从网上资料转载过来,作为自己的参考.这个写的很清楚.先拿来看看. 1.正则表 ...
- vs2012生成的项目,如何在只装有VS2010的电脑上打开
步骤: 1.用记事本打开Vs2012生成的项目解决方案文件(.sln文件)文件 2.修改前两行 Microsoft Visual Studio Solution File, Format Versio ...
- 用Eclipse 开发Dynamic Web Project应用程序 【转】
简介:本文仅简单介绍基于Eclipse开发Dynamic Web Project应用下的JSP,Servlet及TOMCAT数据源的配置和开发. 软件环境: Eclipse Java EE IDE f ...
- js带缩略图的图片切换效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 【转载】C++的文件和流
http://www.iteedu.com/plang/ccpp/cppdxjch2b/111.php C++语言把每一个文件都看成一个有序的字节流(见图14．2),每一个文件或者以文件结束符(end ...
- python系统编码格式
python在安装的时候默认的编码格式是ASCII,当程序中出现非ASCII编码时,python的处理常常会报这样的错UnicodeDecodeError,python没办法处理非ASCII编码的,此 ...
- message 匹配不上grok正则 也会写入到elasticsearch
{ "message" => "scan test 20161201", "@version" => "1" ...
- java基于xml配置的通用excel单表数据导入组件(一、实际应用过程)
主要应用技术:poi + betwixt + reflect 一.实际应用过程 1.创建与目标表结构一样,表名为‘{目标表名}_import’的临时表: 2.创建用于存储导入问题数据的表:t_impo ...