• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    JQuery实现Repeater无刷新批量删除(附后台asp.net源码)
    前台页面
    复制代码 代码如下:

    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;istr.length;i++)
    {
    var k=str.charAt(i);
    if (k!="\n"k!=" ")
    {
    statrIndex=i; break;
    }
    }
    for (i=str.length-1;istr.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实现checkbox即点即改批量删除及中间遇到的坑
    • PHP批量删除jQuery操作
    • PHP jQuery+Ajax结合写批量删除功能
    • jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
    • jquery ajax实现批量删除具体思路及代码
    • jQuery+Datatables实现表格批量删除功能【推荐】
    上一篇:Asp.net 网站性能优化二则分享
    下一篇:repeater、gridview 在绑定时判断判断显示不同的行样式或文本
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    JQuery实现Repeater无刷新批量删除(附后台asp.net源码) JQuery,实现,Repeater,无,刷新,