• easyui datagrid 多行删除问题


    问题:

     var selected = $("#tbList").datagrid("getSelections");

    selected的选中项 会包含上次已删掉的选中项

    例子:

    比如list中有ArticleID的值1、2、3,

    删除1后,选中2、3继续删除,则selected包含了值1,导致出错。

    解决方法:在删除数据成功后,使用datagrid("clearSelections")清空所有的已选择项

    代码:

    @using XStudio.XWebFramework.Extensions
    <script type="text/javascript" defer="defer">
        var List = {};
       
        List.DeleteSelected = function (e) {
            var selected = $("#tbList").datagrid("getSelections");
            if (selected.length == 0) {
                alert("请选择要删除的文章?");
                return;
            }
            var idString = "";
            $.each(selected, function (index, item) {
                idString += item.ArticleID + ",";
            });
           
            if (!confirm("确认要删除选中文章信息?"))
                return;
            $.post($(e).attr("href"), { id: idString }, function (data) {
                if (data.IsOK) {
                    $("#tbList").datagrid("clearSelections");//解决方法:在删除数据成功后清空所有的已选择项
                    $('#tbList').datagrid('reload');
                }
                else
                    alert(data.Description);
            });
        }
        $(document).ready(function () {
            $('#tbList').datagrid({ pagination: true });
        });
    </script><div class="tt-attach">
        <ul class="op">
            @Html.WebPartButton("删除选中", "Delete", null, new { onclick = "List.DeleteSelected(this); return false;", @class = "btn-remove" })
        </ul>
    </div>
    <div style="padding: 5px 20px 5px 10px;">
        <table id="tbList" striped="true"  rownumbers="true" fix="true"  fitColumns="true" title=""
          idfield="ArticleID" checkbox="true" url="@Url.Action("ListData")">
            <thead>
                <tr>
                    <th field="ArticleID" checkbox="true" width="30">
                    </th>
                </tr>
            </thead>
        </table>
    </div>
  • 相关阅读:
    父进程pid和子进程pid的大小关系
    static 和extern关键字
    linux源码下载
    tar命令
    USB开发——内核USB驱动+libusb开发方法
    microchip PIC芯片使用方法
    android下4G上网卡
    Modem常用概念
    4G上网卡NIDS拨号之Rmnet驱动
    Uboot源码解析
  • 原文地址:https://www.cnblogs.com/xcsn/p/3330639.html
Copyright © 2020-2023  润新知