Question

我使用Js-xlsx API将数据导出到.xlsx文件中。我尝试使用AngularJs编写示例代码，但我无法实现它。它抛出Workbook is not defined。我推荐维基但我无法找到它。请帮助我，任何人都知道如何使用Js-xlsx将数据列表写入.xlsx文件。

代码段，

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.8.2/xlsx.core.min.js"></script>

...

<button ng-click="ExportData()">Export<button>

AngularJs控制器

$scope.ExportData= function(){

var workbook=new Workbook();// throws not defined
$scope.dataArrayForExportCsv=[ {userName:data.userName, age:data.age} ];
workbook = sheet_from_array_of_arrays($scope.dataArrayForExportCsv);
XLSX.writeFile(workbook, 'sample.xlsx');
}

Answer 1

我能够通过以下link来解决这个问题。如果你需要设置.xlsx文件的样式，你必须变成名为xlsx-style的民间项目。当我写这篇文章时，分支是不合并到xlsx master。所以你必须使用npm下载必要的JS文件。

将jszip.js和xlsx.min.js个文件导入HTML文件并进行编码。您可以使用Cell object添加单元格样式。

样本单元格样式代码段。

 function sheet_from_array_of_arrays(data, opts) {
        var ws = {};
        var range = {s: {c:10000000, r:10000000}, e: {c:0, r:0 }};
        for(var R = 0; R != data.length; ++R) {
            for(var C = 0; C != data[R].length; ++C) {
                if(range.s.r > R) range.s.r = R;
                if(range.s.c > C) range.s.c = C;
                if(range.e.r < R) range.e.r = R;
                if(range.e.c < C) range.e.c = C;
                var cell = {};

                 //Set Header col styles
                 if(R <= 0){
                   cell = {
                    v: data[R][C],
                    s : {
                            fill : {
                                    fgColor : {
                                        theme : 8,
                                        tint : 0.3999755851924192,
                                        rgb : '7DCEA0'
                                    }
                                            },
                                            font : {
                                                color : {
                                                    rgb : "FFFFFF"
                                                },
                                                bold : true,
                                                sz : "14"
                                            }
                                        }
                  };
    } else if (data[R][C] == "SUCCESSFUL") {
          //You can check any conditions on text and add styles you wanted.
    }else{

         //Set other cells styles
         cell = {
                                            v : data[R][C],
                                            s : {
                                                fill : {
                                                    fgColor : {
                                                        theme : 8,
                                                        tint : 0.3999755851924192,
                                                        rgb : '08CB26'
                                                    }
                                                },
                                                font : {
                                                    color : {
                                                        rgb : "FFFFFF"
                                                    },
                                                    bold : true
                                                },
                                                border : {
                                                    bottom : {
                                                        style : "thin",
                                                        color : {
                                                            theme : 5,
                                                            tint : "-0.3",
                                                            rgb: "E8E5E4"
                                                        }
                                                    }
                                                }
                                            }
                                        };

       }

                if(cell.v == null) continue;
                var cell_ref = XLSX.utils.encode_cell({c:C,r:R});

                if(typeof cell.v === 'number') cell.t = 'n';
                else if(typeof cell.v === 'boolean') cell.t = 'b';
                else if(cell.v instanceof Date) {
                    cell.t = 'n'; cell.z = XLSX.SSF._table[14];
                    cell.v = datenum(cell.v);
                }
                else cell.t = 's';

                ws[cell_ref] = cell;
            }
        }

设置col宽度

                        var wscols = [ {
                            wch : 40
                        }, {
                            wch : 40
                        }, {
                            wch : 20
                        }, {
                            wch : 20
                        }, {
                            wch : 40
                        }, {
                            wch : 40
                        }, {
                            wch : 20
                        }, {
                            wch : 20
                        }, {
                            wch : 20
                        }, {
                            wch : 20
                        }, {
                            wch : 20
                        }, {
                            wch : 40
                        }, {
                            wch : 40
                        } ];
       ws = sheet_from_array_of_arrays(myRestData);
       ws['!cols'] = wscols;
       ...

工作簿未在js-xlsx中定义

1 个答案: