Ignite UI 导出大型数据集暂停页面

Question

我使用的版本是15.2。以前我一直没有问题将一个小数据集下载到 Excel。但是，对于当前页面，数据集比平时稍大（280 行 x 14 列）。每次我单击导出按钮时，页面都会停止（等待 min+ 后不会生成 Excel）。有没有人以前有过类似的经历以及如何解决它？

这是导出函数的片段

$('#exportButton')
        .on({
            click: function() {
                var fileName = getExportFileNameForSingleDate("NAV_Comparison");

                $.ig.GridExcelExporter.exportGrid($("#grid"),
                    {
                        fileName: fileName,
                        tableStyle: 'tableStyleLight13'
                    },
                    {
                        exportStarting: function(e, args) {
                            showExportingIndicator(args.grid, exportingIndicator);
                        },
                        success: function() {
                            hideExportingIndicator(exportingIndicator);
                        }
                    });
            }
        });

function showExportingIndicator(grid, exportingIndicator) {
    exportingIndicator.css({
            "width": grid.outerWidth(),
            "height": grid.outerHeight()
        })
        .html('<span class="exporting-text">Processing...</span>');
    exportingIndicator.addClass("exporting-indicator");

    grid.append(exportingIndicator);
}

function hideExportingIndicator(exportingIndicator) {
    exportingIndicator.remove();
}

Answer 1

您是否将您的产品升级到更高版本？支持分层数据导出是在 16.1 中引入的，这肯定会减慢导出速度，尽管在最新版本中这个性能问题得到了处理，正如您在这个例子中看到的那样（http://jsfiddle.net/8unab211/1/)exporting 2500 条记录 x 12 列似乎很好。我可以如果您指定使用的确切版本并提供数据样本块，请进一步查看：

        $.ig.GridExcelExporter.exportGrid($("#grid1"), {
            fileName: "igGrid",
            gridFeatureOptions: {
                paging: "allRows",
            },
        });

Ignite UI 导出大型数据集暂停页面

Ignite UI export large dataset halts the page

html

javascript

ignite-ui