ASP.NET笔记之 Repeater的使用

1、数据绑定
combox-->BingdSource-->ObjectDataSource

//连接数据库
**后台代码：

T_UserTableAdapter adpter=T_UserTableAdpter();
adpater.调用T_User表的自定义方法

//设置初始数据：
AppenddateBource="true";

2、Repeater 动态显示数据表中所有数据：（相当于一个for语句我觉得）

#代表绑定数据
（1、模板：<ItemTemplate>主键：<%#Eval("Id")%> </ItemTemplate>
（2、其他模板(隔行显示)：<AlternatingTemplate></AlternatingTemplate>
（3、还有头部尾部模板<HeaderItemplate>还有<FooterItemplate>

（4、可以在<%aaa(Eval("a")) %>中调用服务端函数
protected string aaa(object url){
return ResolveClientUrl("/../"+url);
}

（5、常见的类型语句：

**1：e.Item.ItemType==ListItemType.Item||e.Item.ItemType==ListItemType.AlternatingItem 
指触发的类型为DadaList中的基本行或内容行 ：用来判断项是控件内容中的项或交插项

**2：e.Item.ItemType == ListItemType.Header 
指触发的类型为DadaList中的标题行的内容：用来判断项是不是控件的表头

**3搜索资料：

ListItemType 枚举    [C#]请参见
System.Web.UI.WebControls 命名空间 | DataGridItem.ItemType | DataListItem.ItemType | RepeaterItem.ItemType 
命名空间: System.Web.UI.WebControls

ListItemType    枚举表示可以包含在列表控件中的不同项，例如 DataGrid、DataList 和 Repeater。典型的列表控件由包含此枚举所表示的元素的单元格组成。

成员
成员名称            说明 
AlternatingItem    交替（从零开始的偶数索引）单元格中的项。它是数据绑定的。 
EditItem     列表控件中当前处于编辑模式的项。它是数据绑定的。 
Footer     列表控件的页脚。它不是数据绑定的。 
Header     列表控件的页眉。它不是数据绑定的。 
Item    列表控件中的项。它是数据绑定的。 
Pager     页导航，显示定位到与 DataGrid 控件关联的不同页的控件。它不是数据绑定的。 
SelectedItem     列表控件中的选定项。它是数据绑定的。 
Separator    列表控件中项之间的分隔符。它不是数据绑定的。

3、Repeater事件之ItemDataBound事件

（1、OnItemDataBound事件（绑定中获取同一行相关信息）

DataRowView MyRow= (DataRowView)e.Item.DataItem;
MyRow["这里是相关字段名称"]

（2、后台代码：获取数据库表中的列

//取出绑定行的信息
DataRowView view=（DataRowView）e.Item.DataItem;
//强连接
var row=(项目名称/文件夹名/DAL/DataSetPersons/T_PersonsRow)view.Row;

（3、后台代码：母版中的ID不能直接取

//获得ID
TextBox txtId=(TextBox)e.Item.FindControl("id");
//根据ID进行操作
txtId.BackColor=Color.Red;

（4、aspx中：href='<%#Eval("URL")%>'

这样在浏览器中点击是不会到指定页面的，应当改成
href='http://<%#Eval("URL")%>'

（5、aspx中：支持格式
     <%#Eval("Date","yyyy-mm-dd")%>

4、Repeater事件之ItemCommand事件

** e.CommandName 名字
** e.CommandArgument 参数

**后台代码获取前台传过来的参数例如ID： long id=Convert.ToInt64(e.CommandArgument);

**后台代码：Repeater.DataBing//强制刷新数据

（1、OnClientClick="return confirm("您真的要操作吗？");"

（2、看aspx中id的类型，可以先顶一个id，然后在aspx.cs中查看它是什么类型
//如下用法：
HtmlTableRow tr=(HtmlTableRow)e.Item.FindControl("id");
//自定义属性：：css具体的实现在页面中，后台只是引用
**后台代码：tr.Attributes["class"]="css中的.id";

（3、抛出错误： throw new Exception("自己定义的错误类型");

5、实例：

move_pic.aspx


代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="move_pic.aspx.cs" Inherits="Move_Pic.move_pic" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 <head id="Head1" runat="server">
     <title></title>
     <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

</head>

<body>
     <form id="form1" runat="server">
     <div>

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
             DeleteMethod="Delete" InsertMethod="Insert"
             OldValuesParameterFormatString="original_{0}" SelectMethod="GetData"
             TypeName="Move_Pic.DAL.DataSet1TableAdapters.T_userInfoTableAdapter"
             UpdateMethod="Update">
             <DeleteParameters>
                 <asp:Parameter Name="Original_sUserName" Type="String" />
             </DeleteParameters>
             <InsertParameters>
                 <asp:Parameter Name="sUserName" Type="String" />
                 <asp:Parameter Name="sPassWord" Type="String" />
                 <asp:Parameter Name="Email" Type="String" />
                 <asp:Parameter Name="Age" Type="Int32" />
                 <asp:Parameter Name="Pic_url" Type="String" />
             </InsertParameters>
             <UpdateParameters>
                 <asp:Parameter Name="sPassWord" Type="String" />
                 <asp:Parameter Name="Email" Type="String" />
                 <asp:Parameter Name="Age" Type="Int32" />
                 <asp:Parameter Name="Pic_url" Type="String" />
                 <asp:Parameter Name="Original_sUserName" Type="String" />
             </UpdateParameters>
         </asp:ObjectDataSource>

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1">
       <HeaderTemplate>欢迎选购<table id="tableId"><tr></HeaderTemplate>
       <ItemTemplate><td>
         <img a1='<%#Eval("sUserName")%>' a2='<%#Eval("Age") %>'width="100",
             height="150" src='image/<%#Eval("Pic_url") %>' /></td>
       </ItemTemplate>
       <FooterTemplate></tr></table>欢迎下次光临</FooterTemplate>
     </asp:Repeater>

<script type="text/javascript">
         /*$("img").mousemove(function (e) {
             $("#sUserName").text($(this).attr("a1"));
             $("#Age").text($(this).attr("a2"));
             $("#divNone").css("top", e.pageY).css("left", e.pageX).show("slow");
         });*/
         //动态增长
       /* $(function () {
             $("#img").click(function () {
                 //$(this).animate({ "width": "+=300", "height": "+=300" });
                 $(this).animate({"width":"300","height":"300"});
                 //$(this).attr("width", "300").attr("height", "300");
             });
         });*/
         $("#tableId img").mouseenter(function () {
             $(this).animate({ "width": "300", "height": "300" },"slow");
             //$(this).siblings().animate({ "width": "150", "height": "300" });
             //将自己排除在外
             $("#tableId img").not($(this)).animate({ "width": "100", "height": "150" }, "slow");
         });
     </script>

</div>
     <div style="display:none"  id="divNone">
        <p>姓名：<span id="sUserName"></span></p>
        <p>年龄：<span id="Age"></span></p>
     </div>

</form>
 </body>

</html>

数据库表设计如下：

赞 (0)

相关推荐

  • asp.net Repeater 数据绑定的具体实现(图文详解)

    asp.net Repeater 数据绑定的具体实现(图文详解)

    以下为设计步骤: 1.在C# 中连接数据库.如下图:2.在项目中添加新建项,建立一个数据集,并把Categories从服务器资源列表中拖到这个数据集模板中并点击菜单"生成-生成解决方案",如下图: 3.在aspx的webform上放一个ObjectDataSource控件,设定它的TypeName为刚刚建立的数据集类型,用它的向导建立即可.4.在aspx的webform上放一个Repeater控件,用它的向导设定它的DataSourceID为上面的ObjectDataSource5.在

  • asp.net Repeater取得CheckBox选中的某行某个值的c#写法

    1. foreach (Control c in this.rptTables.Controls) {     CheckBox cbx = (CheckBox)c.FindControl("cbxId");     TextBox tbx = (TextBox)c.FindControl("tbxTableName");     if (cbx != null)     {         if (cbx.Checked == true)         {   

  • asp.net repeater实现批量删除第1/2页

    asp.net repeater实现批量删除第1/2页

    批量删除涉及到的内容: 1.删除的SQL语句的拼凑,例如delete from sosuo8 where id in(1,2,5) 2.按下批量删除之后需要在客户端验证是否有选中项,和提示删除操作不可恢复.如果在服务端实现,那将非常的不友好,速度慢也是个问题.效果如下: 当前1/2页 12下一页阅读全文

  • 详解ASP.NET数据绑定操作中Repeater控件的用法

    详解ASP.NET数据绑定操作中Repeater控件的用法

    一.绑定控件之Repeater .NET封装了多种数据绑定控件,诸如GridView.DataList等但该篇文章将会从Repeater入手,因为Repeater只提供了基本的数据绑定模板,没有内置其它分页等功能,所以它是最原始的数据绑定控件,只要能够熟练运用Repeater控件其它的绑定控件也就很简单了. 1.Repeater简介 Repeater 控件是基本模板化数据列表. 它不像GridView控件一样能够可视化的设计格式或样式,因此开发时在控件模板中必须显式声明所有格式.格式和样式标记.

  • asp.net DataList与Repeater用法区别

    性能方面 Repeater比DataList要好一些,如果不是很大数据量的话,这点差别是体现不来的. 易用性方面 Repeater与DataList后台的数据绑定都很简单,DataSource=... DataBind()就OK了 但是DataList在对布局的操作上更加的方便一些,如它提供了SelectItemTemplate,EidtItemTemplate等,但是Repeater却没有,所以对于有选中颜色或者背景图片改变,最好选用DataList.如果用Repeater就需javascri

  • asp.net下Repeater使用 AspNetPager分页控件

    一.AspNetPager分页控件 分页是Web应用程序中最常用到的功能之一,在ASP.NET中,虽然自带了一个可以分页的DataGrid(asp.net 1.1)和GridView(asp.net 2.0)控件,但其分页功能并不尽如人意,如可定制性差.无法通过Url实现分页功能等,而且有时候我们需要对DataList和Repeater甚至自定义数据绑定控件进行分页,手工编写分页代码不但技术难度大.任务繁琐而且代码重用率极低,因此分页已成为许多ASP.NET程序员最头疼的问题之一. AspNet

  • asp.net repeater手写分页实例代码

    复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using BLL; using Model; using System.Data.SqlClient; using System.Data; public partial class Test_Re

  • asp.net Repeater之非常好的数据分页

    分页控件源代码如下: 复制代码 代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Collections; #region Assembly Resource Attribut

  • JQuery实现Repeater无刷新批量删除(附后台asp.net源码)

    前台页面 复制代码 代码如下: <head runat="server"> <title>无标题页</title> <script src="Js/jquery-1.5.1.min.js" type="text/javascript"></script> <script src="Js/Demo.js" type="text/javascript&qu

  • asp.net Repeater 数据绑定代码

    ASPX页面的Repeater控件: 复制代码 代码如下: <asp:Repeater ID="IndexTopMain" runat="server"> <HeaderTemplate><!--头--> <ul> </HeaderTemplate> <ItemTemplate><!--中间循环部分--> <li> • <a href="AritcleDi

  • asp.net中让Repeater和GridView支持DataPager分页

    改造办法是自己写一个控件,让它继承GridView或Repeater,并实现IPageableItemContainer 接口.下面要发的是国外某高手写的代码,测试有效.具体使用的时候,要建一个类库项目,把代码编译成dll后,就可以添加到VS的工具箱里了! 一.自定义Repeater 复制代码 代码如下: using System.Web.UI; using System.Web.UI.WebControls; namespace WYJ.Web.Controls { /// <summary>

  • asp.net 遍历repeater中的控件的几种方式

    方式1: 复制代码 代码如下: foreach (Control c in this.Repeater1.Controls) { HtmlInputCheckBox check = (HtmlInputCheckBox)c.FindControl("cbDelete1"); if( check != null ) { check.Checked = true; } } 方式2: 复制代码 代码如下: for (int i=0;i<this.Repeater1.Items.Coun

  • 决定何时使用 DataGrid、DataList 或 Repeater（ASP.NET 技术文章）

    摘要:了解 ASP.NET 用于显示数据的三个控件: DataGrid.DataList 和 Repeater. 这些控件中的每一个都有独特的特性以及相关的优点和缺点. 创建显示数据的 ASP.NET 应用程序时,为这项工作选择正确的控件非常重要. 正如将在本文中所看到的一样,选择使用 DataGrid.DataList 还是 Repeater,要权衡下面三个因素: 可用性.开发时间和性能. (12 页打印页) 简介 自从出现了像 Microsoft Active Server Pages (A

  • ASP.NET repeater添加序号列的方法

    在项目开发过程中,会经常遇到ASP.NET repeater控件添加序号列,有些新手可能还不会,网上搜集整理了一些,需要的朋友可以参考下 ASP.NET repeater添加序号列的方法 1.<itemtemplate> <tr><td> <%# Container.ItemIndex + 1%> </td></tr> </itemtemplate> 2.<itemtemplate> <tr><

  • asp.net Repeater控件的说明及详细介绍及使用方法

    Repeater 控件不具备内置的呈现功能,这表示用户必须通过创建模板为 Repeater 控件提供布局.当该页运行时,Repeater 控件依次通过数据源中的记录为每个记录呈现一个项. 他很简单,用起来也不够强大,但是应了那句老话,杀鸡焉用牛刀,不用牛刀那用什么呢?难道我们去把鸡咬死不成?而我们在日常应用中也常常面临这样的选择,假设我们显示教复杂的数据,可以用gridview,一般复杂的用DataList,那么简单的数据呈现呢?我们就用Repeater了,因为他简单,小巧,最主要是灵活． 我们

随机推荐