JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery实现Repeater无刷新批量删除(附后台asp.net源码),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1711字,纯文字阅读大概需要3分钟。
内容图文
前台页面代码如下:
<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
})
})
源码下载
内容总结
以上是互联网集市为您收集整理的JQuery实现Repeater无刷新批量删除(附后台asp.net源码)全部内容,希望文章能够帮你解决JQuery实现Repeater无刷新批量删除(附后台asp.net源码)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。