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

时间：2015-11-26 16:42:31 阅读：330 评论：0 收藏：0 [点我收藏+]

前台页面

 
<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"></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="content"> 
<table> 
<asp:Repeater ID="Repeater1" runat="server"> 
<HeaderTemplate> 
<tr> 
<td> 
<input type="checkbox"> 
</td> 
<td> 
学生ID 
</td> 
<td> 
学生姓名 
</td> 
</tr> 
</HeaderTemplate> 
<ItemTemplate> 
<tr> 
<td> 
<input type="checkbox"> 
</td> 
<td style="text-align: center"> 
<%#Eval("studentId") %> 
</td> 
<td style="text-align: center"> 
<%#Eval("name") %> 
</td> 
</tr> 
</ItemTemplate> 
</asp:Repeater> 
</table> 
</div> 
<div> 
<input id="btnDel" type="button" value="删除"></input> 
</div> 
</form> 
</body> 

后台

复制代码代码如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
StudentBll _bll = new StudentBll(); 
if (Request.QueryString["id"]!=""&&Request.QueryString["id"]!=null) 
{ 
string _ids = Request.QueryString["id"]; 
_bll.Delete(_ids); 
} 
Repeater1.DataSource = _bll.SelectALL(); 
Repeater1.DataBind(); 
} 

Demo.js文件

复制代码代码如下:

 
$(function() { 
// 此函数是去掉javascript中字符串的开头和结尾的空格和换行 
function Trim(str) 
{ 
var statrIndex; 
var endIndes; 
for(i=0;i<str.length;i++) 
{ 
var k=str.charAt(i); 
if (k!="\n"&&k!=" ") 
{ 
statrIndex=i; break; 
} 
} 
for (i=str.length-1;i<str.length;i--) 
{ 
var k=str.charAt(i); 
if (k!="\n"&&k!=" ") 
{ 
endIndes=i; break; 
} 
} 
return str.substring(statrIndex,endIndes+1); 
}; 
$("#btnDel").click(function(){ 
var ids="‘‘"; 
$("#content input:checked").parent().next().each(function(i){ 
ids=ids+",‘"+Trim($(this).text())+"‘"; 
}); 
$("#content").load("Default.aspx?id="+encodeURI(ids)+"#p-Getting-Started #content") //局部更新Repeater 
}) 
}) 

源码下载

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

原文：http://www.jb51.net/article/28223.htm

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)