JQuery implementation Repeater no refresh batch delete of attached background asp.net source code
- 2020-05-12 02:30:18
- OfStack
The front desk page
The background
Demo js file
Download the source code
<head runat="server">
<title> No title page </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>
students ID
</td>
<td>
The student's name
</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=" delete "></input>
</div>
</form>
</body>
The background
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 file
$(function() {
// This function is getting rid of javascript The whitespace and newline at the beginning and end of the string in
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") // Local update Repeater
})
})
Download the source code