JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
程序员文章站
2024-03-07 20:32:33
前台页面 复制代码 代码如下: 无标题页
前台页面
<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
})
})