Могу ли я использовать ms-Spinner в моей веб-надстройке office-js для Excel без такой инфраструктуры, как «реагировать»?

Я создал надстройку Excel (с использованием Office-js, TypeScript, HTML, JQuery, CSS, Visual Studio 2019), которая управляет электронной таблицей Excel, и я хотел бы отображать сообщения о ходе выполнения с помощью индикатора выполнения. Я думаю, что ms-Spinner в UI Fabric подойдет всем. Могу ли я использовать его с HTML / JQuery / CSS или мне нужен фреймворк вроде React?

Я пробовал это в javascript, но выдает исключение:

        var spin = document.querySelector('.ms-Spinner');
        if (spin) spinnerComponent = new components.Spinner(spin);
        // Unhide and start the spinner
        $(".ms-Spinner").show();
        if (spinnerComponent) spinnerComponent.start();

office-fabric office-js excel-addins
person arahant    schedule 02.10.2019    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Если вы хотите использовать счетчик из Fabric React, тогда вам нужно использовать React . Однако в Fabric.js есть набор элементов управления Fabric, не относящийся к React. включая вертушку, которую вы можете использовать. Тем не менее, мы использовали его в этом примере, и он редко отображает: Надстройка PowerPoint Microsfot Graph ASP.NET InsertChart.

person Rick Kirkham    schedule 02.10.2019
comment
Добавление: ‹script src = static2.sharepointonline.com/files/fabric/office-ui-fabric-js/ ›в мой html и изменив свой код на: spinnerComponent = new fabric.Spinner (spin); сделали свое дело. Элемент управления счетчиком теперь может быть создан / запущен / остановлен из js. Однако andrewconnell.com/blog/ хорошо замечает отказ от использования fabric-js. - person arahant; 03.10.2019
comment
Эндрю прав в том, что компоненты Office UI Fabric JS недооцениваются. Однако React не всегда является правильным выбором для надстройки Office. Для таких разработчиков, как вы, которые не используют React, но хотели бы сохранить совместимость с внешним видом Fabric; мы продолжаем поддерживать Fabric Core CSS, а также у нас есть не поддерживаемый уже набор элементов управления, не зависящих от платформы, на которые я ссылался в своем ответе. - person Rick Kirkham; 03.10.2019

arrow_upward
0
arrow_downward

вы можете использовать любую внешнюю библиотеку или фреймворк для office-add-ins. вам не нужно полагаться на react-js для разработки надстройки office

person InfoÁsith    schedule 02.10.2019