快捷導(dǎo)航

JQuery實(shí)現(xiàn)Repeater無刷新批量刪除(附后臺(tái)asp.net源碼)

更新時(shí)間：2011年09月09日 10:00:14 作者：

JQuery實(shí)現(xiàn)Repeater無刷新批量刪除(附后臺(tái)asp.net源碼) ，學(xué)習(xí)jquery的朋友可以參考下。

前臺(tái)頁面

 
<head runat="server"> 
<title>無標(biāo)題頁</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> 
學(xué)生ID 
</td> 
<td> 
學(xué)生姓名 
</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> 

后臺(tái)

復(fù)制代碼代碼如下:

 
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文件

復(fù)制代碼代碼如下:

 
$(function() { 
// 此函數(shù)是去掉javascript中字符串的開頭和結(jié)尾的空格和換行 
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 
}) 
}) 

源碼下載

您可能感興趣的文章:

相關(guān)文章

ASP.NET在底層類庫(kù)中獲取Session C#類中獲取Session
本文介紹一些在類庫(kù)中獲取Session、Page、Resposne、Request的方法和步驟，方便初學(xué)者使用。
2016-03-03
asp.net文件上傳功能(單文件，多文件,自定義生成縮略圖,水印)
上傳功能，是大家經(jīng)常用到了，可能每一個(gè)項(xiàng)目都可以會(huì)用到。網(wǎng)上到處都有上傳功能的代碼。比我寫的好的有很多。我這里也僅是分享我的代碼。
2011-09-09
獲取客戶端IP地址c#/vb.net各自實(shí)現(xiàn)代碼
項(xiàng)目要求獲取客戶端的IP地址，分析并且用c#與vb各自實(shí)現(xiàn)了此要求，有需要的朋友可以了解下啊，希望本文對(duì)你們有所幫助
2013-01-01
Asp.net,C# 加密解密字符串的使用詳解
本篇文章對(duì)Asp.net,C# 加密解密字符串的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-05-05
asp.net下使用AjaxPro實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)代碼
本文展示了如何利用AjaxPro與服務(wù)器交互，并且還展示了在Js中可以直接調(diào)用服務(wù)器返回的集合和直接調(diào)用服務(wù)器上class的屬性
2010-10-10
Asp.net MVC下使用Bundle合并、壓縮js與css文件詳解
在web優(yōu)化中有一種手段，壓縮js，css文件，減少文件大小，合并js，css文件減少請(qǐng)求次數(shù)。asp.net mvc中為我們提供一種使用c#代碼壓縮合并js和css這類靜態(tài)文件的方法。這篇文章主要介紹了在Asp.net MVC下使用Bundle合并、壓縮js與css文件的方法,需要的朋友可以參考下。
2017-03-03
jQuery AJax調(diào)用asp.net webservers的實(shí)現(xiàn)代碼
代碼是轉(zhuǎn)載來的本來今天寫的但是到現(xiàn)在還沒搞懂，慚愧啊
2009-12-12
ASP.NET實(shí)現(xiàn)可以縮放和旋轉(zhuǎn)的圖片預(yù)覽頁效果
本文詳細(xì)介紹了如何在ASP.NET?WebForms中實(shí)現(xiàn)一個(gè)功能豐富的圖片預(yù)覽頁面,通過結(jié)合HTML、CSS和JavaScript,用戶可以方便地對(duì)圖片進(jìn)行放大、縮小以及旋轉(zhuǎn)操作,感興趣的朋友跟隨小編一起看看吧
2024-08-08
.NET更新Xml中CDATA內(nèi)容的方法實(shí)例
這篇文章介紹了.NET更新Xml中CDATA內(nèi)容的方法實(shí)例，有需要的朋友可以參考一下
2013-07-07
Asp.net生成Excel文件并下載（更新：解決使用迅雷下載頁面而不是文件的問題）
Asp.net生成Excel文件并下載（更新：解決使用迅雷下載頁面而不是文件的問題）
2012-01-01