个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 25 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章JQuery实现Repeater无刷新批量删除(附后台asp.net源码)由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

前台页面 。

  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  })  })  。

源码下载 。

最后此篇关于JQuery实现Repeater无刷新批量删除(附后台asp.net源码)的文章就讲到这里了,如果你想了解更多关于JQuery实现Repeater无刷新批量删除(附后台asp.net源码)的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

25 4 0
文章推荐： asp.net中用DataReader高效率分页
文章推荐： repeater、gridview 在绑定时判断判断显示不同的行样式或文本
文章推荐： Asp.net 网站性能优化二则分享
文章推荐： System.Data.SqlClient.SqlException: 无法打开登录所请求的数据库 登录失败。
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com