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

时间:2022-08-29 18:21:51

前台页面

  1. <head runat="server">  
  2. <title>无标题页</title>  
  3. <script src="Js/jquery-1.5.1.min.js" type="text/javascript"></script>  
  4. <script src="Js/Demo.js" type="text/javascript"></script>  
  5. </head>  
  6. <body>  
  7. <form id="form1" runat="server">  
  8. <div id="content">  
  9. <table>  
  10. <asp:Repeater ID="Repeater1" runat="server">  
  11. <HeaderTemplate>  
  12. <tr>  
  13. <td>  
  14. <input type="checkbox">  
  15. </td>  
  16. <td>  
  17. 学生ID  
  18. </td>  
  19. <td>  
  20. 学生姓名  
  21. </td>  
  22. </tr>  
  23. </HeaderTemplate>  
  24. <ItemTemplate>  
  25. <tr>  
  26. <td>  
  27. <input type="checkbox">  
  28. </td>  
  29. <td style="text-align: center">  
  30. <%#Eval("studentId") %>  
  31. </td>  
  32. <td style="text-align: center">  
  33. <%#Eval("name") %>  
  34. </td>  
  35. </tr>  
  36. </ItemTemplate>  
  37. </asp:Repeater>  
  38. </table>  
  39. </div>  
  40. <div>  
  41. <input id="btnDel" type="button" value="删除"></input>  
  42. </div>  
  43. </form>  
  44. </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 
}) 
}) 


源码下载