spreadJS初始化

收藏

spreadJS初始化的时候，@designerInitialized="designerInitialized" 这个方法的执行顺序在后端返回数据的方法之前

Ellia.Duan · Ellia.Duan

您好，您可以在designerInitialized方法中调用后端数据。

qwedcxzas · qwedcxzas

我怎么上传文件呢

qwedcxzas · qwedcxzas

本帖最后由 qwedcxzas 于 2023-2-28 14:02 编辑

<template>
<div>
<gc-spread-sheets-designer :styleInfo="styleInfo" @designerInitialized = "designerInitialized">
</gc-spread-sheets-designer>
<gc-spread-sheets-designer id="ss" :styleInfo='styleInfo'
:config='config'
@designerInitialized="designerInitialized">
</gc-spread-sheets-designer>
</div>
</template>
<script>
import * as GC from "@grapecity/spread-sheets";
GC.Spread.Common.CultureManager.culture("zh-cn");
import "@grapecity/spread-sheets-tablesheet";
import "@grapecity/spread-sheets-barcode";
import "@grapecity/spread-sheets-charts";
import "@grapecity/spread-sheets-shapes";
import "@grapecity/spread-sheets-languagepackages";
import "@grapecity/spread-sheets-print";
import "@grapecity/spread-sheets-pdf";
import "@grapecity/spread-sheets-pivot-addon";
import "@grapecity/spread-sheets-resources-zh";
import "@grapecity/spread-sheets-designer-resources-cn";
import "@grapecity/spread-sheets-designer" /** as GCDesigner from*/
import * as ExcelIO from "@grapecity/spread-excelio"
import "@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css";
import "@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css";
import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css'
import '@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css'
//import '@grapecity/spread-sheets-designer-resources-en'
import '@grapecity/spread-sheets-designer-vue'
import axios from "axios";
export default {
data: function() {
return {
spread: null,
styleInfo1: {height: window.innerHeight-65+'px'},
styleInfo: { height: '500px', width: '1200px', border: 'solid black 1px' },
config: null,
designer: null,
json:''
};
},
mounted() {
},
destroy(){
//this.spread.destroy();
},
beforeDestroy(){
this.spread.destroy();
},
created() {
this.getSpread()
},
methods: {
getSpread(){
axios.post('/getSpread').then(res=>{ //后端获取数据
this.json=res.data
const jsonOptions = {
incrementalLoading: true, // use the incremental loading when converting json to workbook, default value is false
};
this.spread.fromJSON(res.data,jsonOptions);
})
},
designerInitialized: function(designer) {
let spread = designer.getWorkbook()
this.spread=spread
},
},
};
</script>