将 BackGrid.js 的网格数据导出为 CSV

Question

谁能告诉我如何导出Backgrid.js表数据为csv时，点击一个按钮。我已经用backgrid.js显示了一个表格，现在我想把数据导出为csv文件

Answer 1

你可以尝试使用underscore.js:

// columnsParam -> columns parameter you passed when created backgrid
// collection -> collection you passed when created backgrid
var columns = _.indexBy(columnsParam, 'name'),
    labels = _.pluck(columnsParam, 'label'),
    keys = _.pluck(columnsParam, 'name');
var csv = labels.join(',') + 'n';
csv += collection.map(function(item) {
    return _.map(keys, function(key) {
        var cell = columns [key].cell,
            // suppose you want to preserve custom formatters
            formatter = cell.prototype && cell.prototype.formatter;
        return formatter && formatter.fromRaw ?
            formatter.fromRaw(item.get(key), item) : item.get(key);
    }).join(',');
}).join('n');

它不是完美的(不处理通常的格式化器)，但证明了这个想法。

要下载csv文件，你可以绑定一个处理程序到你的按钮:

var encodedUri = encodeURI('data:text/csv;charset=utf-8,' + csv),
var link = document.createElement('a');
link.setAttribute('href', encodedUri);
link.setAttribute('download', 'data.csv');
link.click();