repeater 控件ajax绑定数据源,[Asp.net之旅]--数据绑定控件之Repeater

引言

前几篇的文章在说AJAX的内容,利用AJAX技术能够开发出高效运行的网站应用程序,不过在进行B/S项目开发时只拥有AJAX技术是远远不够的,踏入到B/S要学的东西会更多,但相较C/S的复杂逻辑结构来说B/S在开发时还是很简单的。

在开发B/S项目时,常常会用到数据绑定控件,.NET平台已经对这些控件进行了良好的封装,只要稍有经验的程序猿很快就能够上手使用这些数据控件,所以接下来的几篇文章将会讨论数据控件,首先将会从数据控件的细节入手讨论ListView、GridView、Repeater、DataList控件的基本使用方法,并在会后系列文章的最后对这几个控件进行综合性的分析总结。

0QFX218_1.jpg

一、绑定控件之Repeater

.NET封装了多种数据绑定控件,诸如GridView、DataList等但该篇文章将会从Repeater入手,因为Repeater只提供了基本的数据绑定模板,没有内置其它分页等功能,所以它是最原始的数据绑定控件,只要能够熟练运用Repeater控件其它的绑定控件也就很简单了。

1、Repeater简介

Repeater 控件是基本模板化数据列表。 它不像GridView控件一样能够可视化的设计格式或样式,因此开发时在控件模板中必须显式声明所有格式、格式和样式标记。另外Repeater控件没有内置选择、排序、编辑、分页等功能,它只提供了基本的数据绑定,但是它为开发人员提供了ItemCommand 事件,该事件支持在控件中收发命令。

想要绑定数据,模板是必不可少的,Repeater控件同样支持数据模板,而且还可以在模板中添加想要的标签,它主要用法如下图:

0QFX218_0.jpg

Note:每个 Repeater 控件必须定义 ItemTemplate。

0QA3cD_1.jpg

二、控件使用技巧

上文讲解了Repeater基本的使用方法及它的一些基本特性,接下来做几个经典的示例来运用Repeater控件。

1、数据绑定之删除、编辑

该示例将会使用Asp.net的前台和后台结合来实现显示数据,并能够编辑和删除数据。

删除页面:

0Q6363P6_1.jpg

编辑页面:

0QA3cD_0.jpg

前台代码:在单击编辑按钮后将会进入编辑页面,页面是由两个Panel控件来控制,通过传递ID号的方式判断显示的是编辑页面还是删除页面,另外前台代码通过设置控件的CommandArgument属性来传递后台所需要判断的id号。

后台代码:在后台代码中很重要的两个事件是ItemCommand和ItemDataBound,其中ItemCommand负责接收前台传进来的按钮命令,根据命令的参数来设置后台传递的id,并在ItemDataBound中来验证id判断切换显示Panel。

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.SqlClient;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebApplication4

{

public partial class EditPage : System.Web.UI.Page

{

private int id = 0; //保存指定行操作所在的ID号

///

/// 窗体加载时绑定数据

///

///

///

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

this.DataBindToRepeater();//将数据绑定到Repeater控件上

}

}

///

/// 将数据源绑定Repeater控件上

///

private void DataBindToRepeater() {

//使用using语句进行数据库连接

using (SqlConnection sqlCon=new SqlConnection("server=.;database=MyBlog;uid=sa;pwd=1"))

{

sqlCon.Open(); //打开数据库连接

SqlCommand sqlcom = new SqlCommand(); //创建数据库命令对象

sqlcom.CommandText = "select * from match"; //为命令对象指定执行语句

sqlcom.Connection = sqlCon; //为命令对象指定连接对象

this.userRepeat.DataSource = sqlcom.ExecuteReader(); //为Repeater对象指定数据源

this.userRepeat.DataBind(); //绑定数据源

}

}

///

/// Repeater控件命令事件

///

///

///

protected void userRepeat_ItemCommand(object source, RepeaterCommandEventArgs e)

{

//获取命令文本,判断发出的命令为何种类型,站群软件,根据命令类型调用事件

if (e.CommandName=="Edit") //编辑命令

{

id = int.Parse(e.CommandArgument.ToString()); //获取命令ID号

}

else if (e.CommandName=="Cancel") //取消更新命令

{

id = -1;

}

else if(e.CommandName=="Delete") //删除行内容命令

{

id = int.Parse(e.CommandArgument.ToString()); //获取删除行的ID号

//删除选定的行,并重新指定绑定操作

this.DeleteRepeater(id);

}

else if (e.CommandName == "Update") //更新行内容命令

{

//获取更新行的内容和ID号

string strText = ((TextBox)e.Item.FindControl("txtName")).Text.Trim();

int intId=int.Parse(((Label)e.Item.FindControl("lblID")).Text);

//更新Repeater控件的内容

this.UpdateRepeater(strText,intId);

}

//重新绑定控件上的内容

this.DataBindToRepeater();

}

///

/// 删除行内容

///

///删除行所在内容的ID

private void DeleteRepeater(int intId) {

using (SqlConnection sqlCon = new SqlConnection("server=.;database=MyBlog;uid=sa;pwd=1"))

{

sqlCon.Open(); //打开数据库连接

SqlCommand sqlcom = new SqlCommand(); //创建数据库命令对象

sqlcom.CommandText = "delete from match where id=@id"; //为命令对象指定执行语句

sqlcom.Connection = sqlCon; //为命令对象指定连接对象

//创建参数集合,并向sqlcom中添加参数集合

SqlParameter sqlParam = new SqlParameter("@id", intId);

sqlcom.Parameters.Add(sqlParam);

sqlcom.ExecuteNonQuery(); //指定更新语句

}

}

///

/// 更新Repeater控件中的内容

///

///修改后的内容

///内容所在行的ID号

private void UpdateRepeater(string strText,int intId) {

using (SqlConnection sqlCon = new SqlConnection("server=.;database=MyBlog;uid=sa;pwd=1"))

{

sqlCon.Open(); //打开数据库连接

SqlCommand sqlcom = new SqlCommand(); //创建数据库命令对象

sqlcom.CommandText = "update match set name=@str where id=@id"; //为命令对象指定执行语句

sqlcom.Connection = sqlCon; //为命令对象指定连接对象

//创建参数集合,并向sqlcom中添加参数集合

SqlParameter[] sqlParam = { new SqlParameter("@str", strText), new SqlParameter("@id", intId) };

sqlcom.Parameters.AddRange(sqlParam);

sqlcom.ExecuteNonQuery(); //指定更新语句

}

}

///

/// Repeater控件数据绑定时发生的事件

///

///

///

protected void userRepeat_ItemDataBound(object sender, RepeaterItemEventArgs e)

{

//判断Repeater控件中的数据是否是绑定的数据源,如果是的话将会验证是否进行了编辑操作

//ListItemType 枚举表示在一个列表控件可以包括,例如 DataGrid、 DataList和 Repeater 控件的不同项目。

if (e.Item.ItemType==ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem)

{

//获取绑定的数据源,这里要注意上面使用sqlReader的方法来绑定数据源,所以下面使用的DbDataRecord方法获取的

//如果绑定数据源是DataTable类型的使用下面的语句就会报错.

System.Data.Common.DbDataRecord record = (System.Data.Common.DbDataRecord)e.Item.DataItem;

//DataTable类型的数据源验证方式

//System.Data.DataRowView record = (DataRowView)e.Item.DataItem;

//判断数据源的id是否等于现在的id,如果相等的话证明现点击了编辑触发了userRepeat_ItemCommand事件

if (id == int.Parse(record["id"].ToString()))

{

((Panel)e.Item.FindControl("plItem")).Visible = false;

((Panel)e.Item.FindControl("plEdit")).Visible = true;

}

else

{

((Panel)e.Item.FindControl("plItem")).Visible = true;

((Panel)e.Item.FindControl("plEdit")).Visible = false;

}

}

}

}

}

2、分页--PageDataSource

前台代码:使用原始的html文本,并添加了一个Literal标签,用来动态添加并指定html标签。

页面截图:

后台代码:Repeater控件的数据源是PagedDataSource对象,在页面加载时为该对象动态指定了分页的属性,并使用Literal标签来动态指定每个标签跳转页的链接。

相关报道:

MiniBrowser.java public class MiniBrowser extends Activity {EditText url;WebView showWebView;Button searchButton;String urlStr = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setConten 更多

做这个 jsp 页面,主要是为了实现在同一个页面提交和接受数据的功能。 这个小程序存在很多不足,希望大家多多批评指正。 简易计算器 计算结果: 实现效果如下: 更多

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值