JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
2018-10-12 13:52
866 查看
前台页面
后台
Demo.js文件
源码下载
<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 repeater添加序号列的方法
- asp.net Repeater取得CheckBox选中的某行某个值的c#写法
- asp.net repeater手写分页实例代码
- asp.net Repeater之非常好的数据分页
- asp.net中让Repeater和GridView支持DataPager分页
- asp.net Repeater 数据绑定的具体实现(图文详解)
- asp.net 遍历repeater中的控件的几种方式
- asp.net下Repeater使用 AspNetPager分页控件
- asp.net repeater实现批量删除
- asp.net Repeater控件的说明及详细介绍及使用方法
- asp.net Repeater 数据绑定代码
- 决定何时使用 DataGrid、DataList 或 Repeater(ASP.NET 技术文章)
- ASP.NET笔记之 Repeater的使用
- asp.net DataList与Repeater用法区别
- 详解ASP.NET数据绑定操作中Repeater控件的用法
相关文章推荐
- JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
- JQuery实现Repeater无刷新批量删除(附源码)
- [Asp.net]Calendar+JqueryUi实现日程管理(右键菜单,添加,编辑,删除,源码)
- asp.net repeater实现批量删除第1/2页
- asp.net repeater实现批量删除第1/2页
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- asp.net repeater实现批量删除时注册多选框id到客户端
- asp.net :使用jquery 的ajax +WebService+json 实现无刷新去后台值
- asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
- asp.net repeater实现批量删除时注册多选框id到客户端
- asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
- Asp.Net分页方法:JQuery插件实现Ajax无刷新分页、AspNetPager分页控件实现分页
- asp.net+VML+XMLHTTP实现无刷新动态曲线图(附源码)
- asp.net+JQuery实现文件批量上传
- jquery调用asp.net 页面后台的实现代码
- asp.net treeview控件无刷新选择和删除节点(使用jquery)
- asp.net 全部选中与取消操作,选中后的删除(ajax)实现无刷新效果
- ASP.NET利用JQuery中的Aajax实现JSON数据后台交互
- asp.net+jQuery应用JSON实现无刷新三级联动实例(转)
- jquery调用asp.net 页面后台的实现代码