2

我有我的网格multiselect = true，类似这样，您可以单击每个复选框，然后删除，当我删除我的第一行时，我知道 selrrrow 创建和数组的方法它只是删除，但是当我想删除第二行时它永远不会这样做该delRowData方法，当我选择多个复选框时，它只是删除第一个。我认为我的方法每次都一遍又一遍地循环，并且至少在视觉上从不删除另一行，我该如何解决？任何建议谢谢

这是我的方法：

onSelectRow:function(id) {
    $("#mySelect").change(function (){ 
        if(($("#mySelect option:selected").text()) == 'Deleted') {
            var id = $("#list2").getGridParam('selarrrow');
            for(var i =0; i<id.length;i++) {
                $("#list2").jqGrid('delRowData',id[i]);
        }
    });
}

html

</head>
<body>

<div>
            Move to:
            <select id="mySelect">

            <option value="1">Select and option</option>
            <option value="2">Trash</option>
            <option value="3">Deleted</option>

            </select>
</div>

<table id="list2"></table>
<div id="pager2"></div> 
</body>
</html>

js

$("#Inbox").click(function () {
    $.post('../../view/inbox.html', function (data) {
        $('#panelCenter_1_1').html(data);
        $("#list2").jqGrid({
            url: '../..controller/controllerShowInbox.php',
            datatype: 'json',
            colNames: ['From', 'Date', 'Title', 'Message'],
            colModel: [
                { display: 'From', name: 'name', width: 50, sortable: true, align: 'left' },
                { display: 'Date', name: 'date', width: 150, sortable: true, align: 'left' },
                { display: 'Title', name: 'title', width: 150, sortable: true, align: 'left' },
                { display: 'Message', name: 'message', width: 150, sortable: true, align: 'left' },
            ],
            searchitems: [
                { display: 'From', name: 'name' },
                { display: 'Date', name: 'date' },
                { display: 'Title', name: 'title' },
                { display: 'Message', name: 'message' },
            ],
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: '#pager2',
            sortname: 'id_usuario',
            viewrecords: true,
            sortorder: "desc",
            caption: "Inbox",
            multiselect: true,
            multiboxonly: true,
            onSelectRow: function (id) {
                $("#mySelect").change(function () {
                    if (($("#mySelect option:selected").text()) == 'Trash') {
                        var id = $("#list2").getGridParam('selarrrow');
                        if (id != '') {
                            var grid = $("#list2");
                            grid.trigger("reloadGrid");
                            $.post('../../controller/controllerChangeStatus.php', { id: id }, function (data) {
                                $('#panelCenter_2_1').html(data);
                                grid.trigger("reloadGrid");
                            });
                        }
                    } else if (($("#mySelect option:selected").text()) == 'Deleted') {
                        id = $("#list2").getGridParam('selarrrow');
                        if (id != '') {
                            var grid = $("#list2");
                            grid.trigger("reloadGrid");
                            $.post('../../controller/controllerChangeStatus.php', { id: id }, function (data) {
                                $('#panelCenter_2_1').html(data);
                                grid.trigger("reloadGrid");
                            });
                        }
                    } else {
                    }
                });
            }
        });
    });
});
4

3 回答 3

2

你的代码对我来说看起来很奇怪。如果没有演示代码，我无法解释您描述的效果，但我可以向您指出代码中应该重写的一些地方。

第一个问题：您id在行中使用参数，onSelectRow:function(id)然后使用相同的变量名id来声明var id = $("#list2").getGridParam('selarrrow');. 我不明白你为什么这样做。如果您不需要参数，onSelectRow您可以使用onSelectRow:function()这将使代码更清晰。

第二个问题：您使用绑定到change事件 in $("#mySelect").change，但您使用另一个事件内部的语句onSelectRow。因此，在每一行选择中，您将拥有一个更多的事件处理change程序。例如，您将替换$("#mySelect").change(function (){to的主体alert("changed!")。然后您将选择两个不同的行并更改“#mySelect”中的选项。您将看到两个警报。然后选择另一行并更改“#mySelect”中的选项。您将看到三个警报。等等。

所以你应该以任何方式重写你的代码。如果您仍然遇到同样的问题，您应该包含完整的演示代码（包括带有 的 HTML 代码<select id="mySelect">...），它可以用来重现您的问题。

于 2011-09-21T21:50:26.890 回答
1

我使用不同的方法。我构建了一个选定行 ID 的向量，然后使用单个批处理语句服务器端处理它们，然后重新加载网格。

或多或少的代码是。

var righe = $(nomeGrigliaFiglia).getGridParam("selarrrow");
if ((righe == null) || (righe.length == 0)) {
    return false;
}
var chiavi = [];
for (var i = 0; i < righe.length; i++) {
    var Id = righe[i];
    var data = $(nomeGrigliaFiglia).jqGrid('getRowData', Id);
    // Process your data in here
    chiavi[i] = new Array(2)
    chiavi[i][0] = data.FieldKey;
    chiavi[i][1] = data.FieldChildId;
}

请注意，我使用它来实际发送一个int [][]到 C# Action

于 2011-09-30T13:37:27.883 回答
-1

  1. multiselect: true,

  2. 在你的数据处理 php$SQL .= "DELETE FROM ". $table. " WHERE no in ($_POST[id]);" ;

于 2012-08-03T20:44:01.393 回答