【Spreadjs 15.0.7】spread.dataManager is not a function 遇到了这个问题

在 react环境下使用 但是会报告 spread.dataManager is not a function

1. import { FC, useCallback, useEffect, useRef } from 'react'
   
2. import * as GC from '@grapecity/spread-sheets'
   
3. import '@grapecity/spread-sheets-tablesheet'
   
4. import { SpreadSheets } from '@grapecity/spread-sheets-react'
   
5. 
   
6. export const TableSheet: FC = () => {
   
7.   const initSpread = useCallback((spread: GC.Spread.Sheets.Workbook) => {
   
8.     spread.suspendPaint()
   
9.     spread.clearSheets()
   
10.     spread.options.autoFitType = GC.Spread.Sheets.AutoFitType.cellWithHeader
    
11. 
    
12.     const tableName = 'Supplier'
    
13.     const dataManager = spread.dataManager()
    
14.     const myTable = dataManager.addTable('myTable', {
    
15.       remote: {
    
16.         read: {
    
17.           url: 'https://demodata.grapecity.com/northwind/api/v1/Orders',
    
18.         },
    
19.       },
    
20.     })
    
21. 
    
22.     //init a table sheet
    
23.     const sheet = spread.addSheetTab(
    
24.       0,
    
25.       'TableSheet1',
    
26.       GC.Spread.Sheets.SheetType.tableSheet,
    
27.     )
    
28.     sheet.options.allowAddNew = false //hide new row
    
29. 
    
30.     //bind a view to the table sheet
    
31.   void  myTable.fetch().then(function () {
    
32.       const style = { formatter: 'MM/dd/yyyy' }
    
33.       const view = myTable.addView('myView', [
    
34.         { value: 'Id', width: 80 },
    
35.         { value: 'CompanyName', width: 200, caption: 'Company Name' },
    
36.         { value: 'ContactName', width: 150, caption: 'Contact' },
    
37.         { value: 'ContactTitle', width: 200, caption: 'Title' },
    
38.         { value: 'Address', width: 200 },
    
39.         { value: 'City', width: 150, caption: 'City' },
    
40.         { value: 'State', width: 100, caption: 'State' },
    
41.         { value: 'Region', width: 100, caption: 'Region' },
    
42.       ])
    
43.       sheet.setDataView(view)
    
44.     })
    
45. 
    
46.     spread.resumePaint()
    
47.   }, [])
    
48. 
    
49.   return (
    
50.     <SpreadSheets
    
51.       workbookInitialized={spread => initSpread(spread)}
    
52.     ></SpreadSheets>
    
53.   )
    
54. }
    

复制代码

您好，
从报错提示看，可能是您未成功引入tablesheet。
您检查下package.json 看tablesheet组件以及各组件版本是否一致，统一修改为15.0.7。
如果前面带有^ 符号，请将^删除再次install测试下。

如果测试后问题仍未解决，建议您直接提供可复现此问题的demo，这边在代码基础上调试调研下原因。

Lynn.Dou 发表于 2022-5-25 12:09
您好，
从报错提示看，可能是您未成功引入tablesheet。
您检查下package.json 看tablesheet组件以及各组 ...

解决了

问题解决了就好，那本帖就先结贴了，有问题欢迎另开新帖交流。