Question

在jqgrid中有完善的功能：exportToExcel。工作正常。我想知道是否有一些选项可以将其他列或数据（不是来自表，而是我的自定义数据）添加到导出文件中。

Answer 1

首先感谢您提出的问题，它非常有用。

要完成请求的工作，您首先需要下载Guriddo jqGrid from GitHub的最新版本

要完成这项工作，您将需要在exportToExcel方法中使用onBeforeExport事件，并使用如下代码：

$("#export").on("click", function(){
    $("#jqGrid").jqGrid("exportToExcel",{
        ...
        onBeforeExport : function ( xlsx, rowPos ) {
            // rowPos is the last inserted index with data in the excel sheet

            var sheet = xlsx.xl.worksheets['sheet1.xml'];

            // function to add a row
            function Addrow(index, data) {
                var row = sheet.createElement('row');
                row.setAttribute("r", index);
                for (i = 0; i < data.length; i++) {
                    var key = data[i].key;
                    var value = data[i].value;
                    var c  = sheet.createElement('c');

                    c.setAttribute("t", "inlineStr");
                    //c.setAttribute("s", "2"); This make it bold
                    c.setAttribute("r", key + index);

                    var is = sheet.createElement('is');
                    var t = sheet.createElement('t');
                    var text = sheet.createTextNode(value)

                    t.appendChild(text);                                      
                    is.appendChild(t);
                    c.appendChild(is);
                    row.appendChild(c);                                                                                                                         
                }

                return row;
            }
            var r1 = Addrow(++rowPos, [{ key: 'A', value: rowPos }, { key: 'B', value: 'Product1' }]);
            var r2 = Addrow(++rowPos, [{ key: 'A', value: rowPos }, { key: 'B', value: 'Product2' }]);                          
            var r3 = Addrow(++rowPos, [{ key: 'A', value: rowPos }, { key: 'B', value: 'Product3' }]);
            var r4 = Addrow(++rowPos, [{ key: 'A', value: rowPos }, { key: 'B', value: 'Product4' }]);
            // get sheetData
            var sheetData = sheet.getElementsByTagName('sheetData')[0];

            sheetData.insertBefore(r4,sheetData.childNodes[0]);
            sheetData.insertBefore(r3,sheetData.childNodes[0]);
            sheetData.insertBefore(r2,sheetData.childNodes[0]);
            sheetData.insertBefore(r1,sheetData.childNodes[0]);                 
        }
    });
});

jqgrid导出到excell。不仅从表添加数据

1 个答案: