JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
更新时间：2011年09月09日 10:00:14 作者：
JQuery实现Repeater无刷新批量删除(附后台asp.net源码) ，学习jquery的朋友可以参考下。
前台页面
<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
})
})
源码下载
复制代码 代码如下:
<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
})
})
源码下载
相关文章
ASP.NET在底层类库中获取Session C#类中获取Session
本文介绍一些在类库中获取Session、Page、Resposne、Request的方法和步骤，方便初学者使用。2016-03-03
asp.net文件上传功能(单文件，多文件,自定义生成缩略图,水印)
上传功能，是大家经常用到了，可能每一个项目都可以会用到。网上到处都有上传功能的代码。比我写的好的有很多。我这里也仅是分享我的代码。2011-09-09
项目要求获取客户端的IP地址，分析并且用c#与vb各自实现了此要求，有需要的朋友可以了解下啊，希望本文对你们有所帮助2013-01-01
本篇文章对Asp.net,C# 加密解密字符串的使用进行了详细的分析介绍，需要的朋友参考下2013-05-05
本文展示了如何利用AjaxPro与服务器交互，并且还展示了在Js中可以直接调用服务器返回的集合和直接调用服务器上class的属性2010-10-10
Asp.net MVC下使用Bundle合并、压缩js与css文件详解
在web优化中有一种手段，压缩js，css文件，减少文件大小，合并js，css文件减少请求次数。asp.net mvc中为我们提供一种使用c#代码压缩合并js和css这类静态文件的方法。这篇文章主要介绍了在Asp.net MVC下使用Bundle合并、压缩js与css文件的方法,需要的朋友可以参考下。2017-03-03
jQuery AJax调用asp.net webservers的实现代码
代码是转载来的 本来今天写的 但是到现在还没搞懂，惭愧啊2009-12-12
本文详细介绍了如何在ASP.NET WebForms中实现一个功能丰富的图片预览页面,通过结合HTML、CSS和JavaScript,用户可以方便地对图片进行放大、缩小以及旋转操作,感兴趣的朋友跟随小编一起看看吧2024-08-08
这篇文章介绍了.NET更新Xml中CDATA内容的方法实例，有需要的朋友可以参考一下2013-07-07
Asp.net生成Excel文件并下载（更新：解决使用迅雷下载页面而不是文件的问题）
Asp.net生成Excel文件并下载（更新：解决使用迅雷下载页面而不是文件的问题）2012-01-01
最新评论