欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-03-06 19:15:56
前台页面 复制代码 代码如下: 无标题页
前台页面
复制代码 代码如下:

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