jqgrid：多重選擇值不起作用

Question

我正在使用Jqgrid示例創建表，正在嘗試獲取所有已檢查行的值，然后使用ajax將選定的值傳遞給服務器。

當前，當我單擊“獲取所選”按鈕時，它沒有獲取所選值。

這是我小提琴的鏈接

此外，是否可以在每行中添加單選按鈕，並且在整個表格中只能選擇一個單選按鈕。

  /***********************/
  $("#getSelected").click(function() {
    var ids = $("#output").jqGrid('getGridParam', 'selarrrow');
    if (ids.length > 0) {
      var names = [];
      for (var i = 0, il = ids.length; i < il; i++) {
        var name = $("#output").jqGrid('getCell', ids[i], 'Symbol');
        names.push(name);
      }
      //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
      $("#names").html(names.join(", "));
      $("#dialog-confirm").dialog({
        height: 280,
        modal: true,
        buttons: {
          'Cancel': function() {
            $(this).dialog('close');
          },
          'Confirm': function() {
            alert("Confirm");
            //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
            /*$.ajax({
                type: "POST",
                url:  "/cpsb/unprocessedOrders.do",
                data: { method: "releaseTowics",
                    orderNum: JSON.stringify(ids),
                    names: JSON.stringify(names)
                },
                dataType: "json"
                success: function(msg){
                    alert(msg);
                },
                error: function(res, status, exeption) {
                    alert(res);
                }
            });*/
          }
        }
      });
    }
  });
  /***********************/

Answer 1

看來您使用的是舊演示程序中的代碼， 該代碼是我為舊答案創建的 。 該演示使用jQuery UI對話框。 因此，為了使您的演示jquery-ui.min.js最小限度的更改的情況下，您應該包括jquery-ui.min.js和div，它們將用作jQuery Dialog，例如，

<div style="display:none;" id="dialog-confirm" title="Confirm">
    <p>Are you sure want send this names:</p><p><span id="names"></span></p>
</div>

修改后的演示https://jsfiddle.net/OlegKi/615qovew/112/可以運行。 如果願意，可以將jQuery UI替換為Bootstrap對話框。

我在演示中將免費的jqGrid 4.13.3替換為當前的免費jqGrid 1.14.0。 我添加了autoresizeOnLoad: true選項和autoResizing新resetWidthOrg: true屬性，以使列的寬度按內容的寬度成比例地調整大小（有關更多詳細信息，請參閱問題 ）。