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

时间:2017-05-16 13:15:46

标签: javascript html ignite-ui

我使用的版本是15.2。以前我一直没有将小数据集下载到Excel中。但是,对于当前页面,数据集略大于通常(280行×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();
}

1 个答案:

答案 0 :(得分:3)

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

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