将 JqGrid 值发布到 MVC 控制器

Question

我有以下带有复选框列的 JqGrid：

$(document).ready(function() {
        $("#tblJQGrid").jqGrid({
            url: 'Home/GetDataForCompanyJqGrid',
            datatype: "json",
            mtype: 'GET',
            colNames: ['CompanyID', '', 'Offices'],
            colModel: [
            { name: 'CompanyID', index:'CompanyID', key:true, hidden:true},
            { name: 'check', index: 'check', width: 50, align: 'center', editable: true, edittype: 'checkbox', editoptions: {value: "True:False"}, formatter: "checkbox", formatoptions: {disabled: false}},
            { name: 'Description', index: 'CompanyName', width: 200, align: 'center' }],
            rowNum: 10,
            data: {},
            sortname: 'CompanyName',
            viewrecords: true,
            sortorder: "desc",
            height: "auto",
            caption: "List Offices:"});
    });

我的 JqGrid 包含一个复选框列，如果选中行的复选框，我想将我的 CompanyID 列的值发布到我的 MVC 控制器。我尝试通过在我的 html 表单 action="@Url.Action("ExportData", "MyControler")" 中指定一个操作，首先将所有行的值发布到我的 MCV ActioResult，但我的 ActionResult 中只得到空值。 谁能帮助我了解如何将值从我的 jqgrid 发布到我的 MVC ActionResult？

Answer 1

我建议您使用multiselect: true 而不是name: 'check' 列。此外，您可以从控制器操作GetDataForCompanyJqGrid 以非常简单的形式返回数据，例如：

[
    {"CompanyID": 123, "CompanyName": "Company name 1"},
    {"CompanyID": 345, "CompanyName": "Company name 2"},
    ...
    {"CompanyID": 456, "CompanyName": "Company name N"}
]

并使用类似的代码

$("#tblJQGrid").jqGrid({
    url: 'Home/GetDataForCompanyJqGrid',
    datatype: "json",
    colNames: ['Offices'],
    colModel: [
        { name: 'CompanyName', width: 200, align: 'center' }
    ],
    multiselect: true,
    jsonReader: { id: "CompanyID" },
    rowNum: 1000, // no local paging
    viewrecords: true,
    height: "auto",
    caption: "List Offices:"
});

在$(document).ready 的内部。您可以使用$("#tblJQGrid").jqGrid("getGridParam", "selarrrow") 获取所选项目的 CompanyID 数组。您可以在页面上添加一个按钮并使用$("#tblJQGrid").jqGrid("getGridParam", "selarrrow") 然后将$.ajax 的信息发送到服务器。例如，您可以使用

var ids = $("#tblJQGrid").jqGrid("getGridParam", "selarrrow");
$.ajax({
    type: "POST",
    url: 'Home/ExportData',
    data: {
        selectedIds: ids.join() // send comma separated ids
        // ExportData action should have parameter with the name selectedIds
    }
});

查看the old answer获取相应的代码示例。