jqgrid 导出到 excel。添加数据不仅来自 table

Question

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

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 导出到 excel。添加数据不仅来自 table

jqgrid export to excell. add data not only from table

javascript

jqgrid