Попытка интегрировать компонент SpreadJS Designer в проект React

Поэтому я пытался интегрировать компонент SpreadJS Designer (модуль npm) в мой проект React, следуя этому краткому руководству по Реагировать. Попробовав некоторое время, я заставил его работать так, электронная таблица работает (фигуры, диаграммы, цвета и т. д.)

<Designer styleInfo={{ width: "100%", height: "calc(100vh - 25px)" }} />

Но как я могу ввести файл JSON в это через реквизит? Какие еще реквизиты есть для доступа? Я не смог найти никакой документации, связанной с этим. Я ищу опору для получения и установки документа JSON. это в значительной степени это.

Обновление: и, возможно, получите событие onChanged или что-то в этом роде. Я действительно не знаю, что такое реквизит, поскольку нет документации, касающейся этого.


reactjs typescript spreadjs
person Chamuth Chamandana    schedule 01.05.2021    source источник
comment
я думаю, может быть, этот компонент является просто оболочкой для интеграции с ним, но не для взаимодействия с ним. Я могу ошибаться, но если у вас есть исходный код, вы можете взглянуть на Designer.js   -  person windmaomao    schedule 01.05.2021

Ответы (1)


arrow_upward
0
arrow_downward

Я являюсь членом группы технического взаимодействия GrapeCity, поддерживающей SpreadJS и надстройку Designer Component.

Чтобы импортировать данные JSON в свой экземпляр SpreadJS, вместо использования реквизитов вы можете использовать SpreadJS метод fromJSON. Вы можете реализовать этот метод, когда рабочий лист инициализируется, чтобы данные JSON импортировались в экземпляр SpreadJS при загрузке страницы.

Вот ссылка на нашу живую демонстрацию React обратите внимание, что в файле app.jsx есть функция initSpread, которая импортирует данные JSON с помощью spread.fromJSON. Функция initSpread применяется, когда книга инициализируется с помощью прослушивателя событий workbookInitialized следующим образом:

<div class="sample-spreadsheets">
   <SpreadSheets workbookInitialized={spread => this.initSpread(spread)}>
     <Worksheet>
     </Worksheet>
   </SpreadSheets>
 </div>

Затем данные JSON будут импортированы по мере инициализации книги. Пожалуйста, импортируйте данные JSON, используя метод fromJSON. Дайте мне знать, если у вас есть какие-либо вопросы о том, чем я поделился, обратившись сюда или отправив билет поддержки с нашей командой здесь. Спасибо, Маккензи.

person GrapeCity Team    schedule 03.05.2021
comment
Можно ли программно передавать данные JSON в компонент «Конструктор» или файлы можно открывать только импортируя документ через меню файлов? - person Robertas Ankudovicius; 06.05.2021