JQuery实现Repeater无刷新批量删除(附后台asp.net源码)_asp.net教程-查字典教程网
JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
发布时间:2016-12-29 来源:查字典编辑
摘要:前台页面复制代码代码如下:无标题页学生ID学生姓名后台复制代码代码如下:protectedvoidPage_Load(objectsende...

前台页面

复制代码 代码如下:

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

<%#Eval("studentId") %>

</td>

<td>

<%#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教程学习
    热门asp.net教程学习
    编程开发子分类