Question

我有一个关于在free-jqgrid 4.15.4中导出到Excel的问题。我想知道如何将此结果集{"groupOp":"AND","rules":[{"field":"FirstName","op":"eq","data":"Amit"}]}用于我的业务逻辑方法。

为进一步说明，我使用了 OfficeOpenXml ，如果我不使用过滤的结果集（上述），则可以正常工作，并且可以在excel中下载包含完整记录的文件片。但是我不确定该怎么做或如何利用结果集{"groupOp":"AND","rules":[{"field":"FirstName","op":"eq","data":"Amit"}]}

如果需要，我可以共享我的控制器和BL代码。

我添加了一个小提琴，它显示了jqGrid传呼机中“导出到Excel”按钮的实现。

在来到这里之前，我已经阅读并尝试从以下问题中理解：

1] jqgrid, export to excel (with current filter post data) in an asp.net-mvc site

2] Export jqgrid filtered data as excel or CSV

这是代码：

$(function () {
"use strict";
var mydata = [
    { id: "10",  FirstName: "test", LastName: "TNT", Gender: "Male" },
     { id: "11",     FirstName: "test2",    LastName: "ADXC", Gender: "Male" },
     { id: "12",     FirstName: "test3",    LastName: "SDR", Gender: "Female" },
     { id: "13",     FirstName: "test4",    LastName: "234", Gender: "Male" },
     { id: "14",     FirstName: "test5",    LastName: "DAS", Gender: "Male" },
];
$("#list").jqGrid({
data: mydata,

    colNames: ['Id', 'First Name', 'Last Name', 'Gender'],
     colModel: [
        {
            label: "Id",
            name: 'Id',
            hidden: true,
            search: false,
        },
        {
            label: "FirstName",
            name: 'FirstName',
            searchoptions: {
                searchOperators: true,
                sopt: ['eq', 'ne', 'lt', 'le','ni', 'ew', 'en', 'cn', 'nc'],
            }, search: true,
        },
        {
            label: "LastName",
            name: 'LastName',
            searchoptions: {
                searchOperators: true,
                sopt: ['eq', 'ne', 'lt', 'ni', 'ew', 'en', 'cn', 'nc'],
            }, search: true,
        },

        {
            label: "Gender",
            name: 'Gender',
            search: true, edittype: 'select', editoptions: { value: 'Male:Male;Female:Female' }, stype: 'select',

        },
        ],
        onSelectRow: function (id) {
        if (id && id !== lastsel) {
            jQuery('#list').restoreRow(lastsel);
            jQuery('#list').editRow(id, true);
            lastsel = id;
        }
    },
    loadComplete: function (id) {
        if ($('#list').getGridParam('records') === 0) {

            //$('#grid tbody').html("<div style='padding:6px;background:#D8D8D8;'>No records found</div>");
        }
        else {
            var lastsel = 0;
            if (id && id !== lastsel) {
                jQuery('#list').restoreRow(lastsel);
                jQuery('#list').editRow(id, true);
                lastsel = id;
              }
            }
        },      
    loadonce: true,
    viewrecords: true,
    gridview: true,
    width: 'auto',
    height: '150px',    
    emptyrecords: "No records to display",
    iconSet:'fontAwesome',
    pager: true,
    jsonReader:
    {
        root: "rows",
        page: "page",
        total: "total",
        records: "records",
        repeatitems: false,
        Id: "Id"
    },

});
jQuery("#list").jqGrid("navButtonAdd", {
    caption: "",
    buttonicon: "fa-table",
    title: "Export To Excel",
    onClickButton: function (e) {
        var projectId = null;
        var isFilterAreUsed = $('#grid').jqGrid('getGridParam', 'search'),
           filters = $('#grid').jqGrid('getGridParam', 'postData').filters;   
        var Urls = "/UsersView/ExportToExcel_xlsxFormat?filters="+ encodeURIComponent(filters); //' + encodeURIComponent(filters);/
        if (totalRecordsCount > 0) {
            $.ajax({
                url: Urls,
                type: "POST",
                //contentType: "application/json; charset=utf-8",
                data: { "searchcriteria": filters, "projectId": projectId, "PageName": "MajorsView" },
                //datatype: "json",
                success: function (data) {
                    if (true) {
                        window.location = '/UsersView/SentFiletoClientMachine?file=' + data.filename;
                    }
                    else {
                        $("#resultDiv").html(data.errorMessage);
                        $("#resultDiv").addClass("text-danger");
                    }                       
                },
                error: function (ex) {
                    common.handleAjaxError(ex.status);                        
                }
            });
        }
        else {
            bootbox.alert("There are no rows to export in the Participant List")
            if (dialog) {
                dialog.modal('hide');
            }
        }
    }
});
});

https://jsfiddle.net/ap43xecs/10/

Answer 1

存在许多解决问题的选项。最简单的方法是将经过过滤的行的ID发送到服务器，而不是发送filters参数。免费的jqGrid支持lastSelectedData参数，因此您可以使用$('#grid').jqGrid('getGridParam', 'lastSelectedData')来获得数组，其中数组的项目已排序和过滤，并且与当前过滤条件和排序标准相对应。返回数组的每个项目都应包含Id属性（或id属性），您可以在服务器端使用此属性来过滤数据，然后再导出。

第二个选项是基于filters参数实现服务器端过滤，该参数当前已发送到服务器。 The old answer（请参阅FilterObjectSet）提供了使用实体框架时进行过滤的示例。顺便说一下，the answer和another one包含代码，我使用Open XML SDK将网格数据导出到Excel。您可以将其与现有代码进行比较。

在某些情况下，无需编写任何服务器代码即可将网格数据导出到Excel 可能很有趣。相应的演示可以在the issue的the answer和 UPDATED 部分中找到。

在MVC中使用Free jqgrid 4.15.4导出到Excel过滤的数据

1 个答案: