fullcalendar.io можно использовать в .net ядре Blazor? - PullRequest
Новая
       22

fullcalendar.io можно использовать в .net ядре Blazor?

1 голос
/ 15 октября 2019

Я пытаюсь использовать FullCalendar на странице веб-сборки Blazor. У кого-нибудь есть идеи, как использовать FullCalendar в Blazor ??? Кто-нибудь может мне помочь?

Я включаю FullCalendar с libman.json 

   {
      "library": "@fullcalendar/core",
      "provider": "unpkg",
      "destination": "wwwroot/lib/fullCalendar"
    }

В wwwroot / index.html 

   <script src="_framework/blazor.webassembly.js"></script>
   <script src="exampleJsInterop.js"></script>

Мой js-файл "exampleJsInterop.js"в папке wwwroot 

window.exampleJsFunctions = {

    showPrompt: function (text) {
        return prompt(text, 'Type your name here');
    },
    displayWelcome: function (welcomeMessage) {
        document.getElementById('welcome').innerText = welcomeMessage;
    },

    calendar: function () {
        document.getElementById("#calendar").fullCalendar({
            schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
            editable: false,
            allDaySlot: true,
            eventLimit: true,
            axisFormat: 'HH:mm',
            slotLabelFormat: 'HH:mm',
            aspectRatio: 2,
            header: {
                left: 'today prev,next',
                center: 'title',
                right: 'month '
            },
            //defaultView: 'timelineDay',
            selectable: true,
        });
    }

};

Страница Razor 

@page "/fullCalendar"
@inject IJSRuntime JsRuntime;

<h1>FullCalendar</h1>

<button type="button" class="btn btn-primary" @onclick="test">
    Bouton test
</button>

<div class="container">
    <div id='calendar'></div>
</div>

@code {
      private async void test() {
        await JsRuntime.InvokeVoidAsync("exampleJsFunctions.calendar");
    }
}

Что не так с кодом?

Ошибка:

(Microsoft.JSInterop.JSException: $ не ** определено)
main.js: 1 Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено) blazor.webassembly.js: 1 Горячая клавиша отладки: Shift + Alt+ D (когда приложение имеет фокус) favicon.ico: 1 Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено) blazor.webassembly.js: 1 WASM: d.printErr @ blazor.webassembly.js: 1put_char @ mono.js: 1 write @ mono.js: 1 write @ mono.js: 1 doWritev @ mono.js: 1 ___syscall146 @ mono.js: 1 Module._mono_background_exec @ mono.js: 1 pump_message @ mono.js:1 setTimeout (async) _schedule_background_exec @ mono.js: 1 Module._mono_wasm_invoke_method @ mono.js: 1 callMethod @ blazor.webassembly.js: 1 beginInvokeDotNetFromJS @ blazor.webassembly.js: 1 л @ blazor.webassembly.js: 1 e.invokeMethodAsync @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 t.diszatch.webassembly.js: 1 (анонимный) @ blazor.webassembly.js: 1 (анонимный) @ blazor.webassembly.js: 1 e.onGlobalEvent @ blazor.webassembly.js: 1 Показать еще 26 кадров blazor.webassembly.js: 1WASM: необработанное исключение: d.printErr @ blazor.webassembly.js: 1 put_char @ mono.js: 1 write @ mono.js: 1 write @ mono.js: 1 doWritev @ mono.js: 1 ___syscall146 @ mono.js:1 Модульwebassembly.js: 1 l @ blazor.webassembly.js: 1 e.invokeMethodAsync @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 t.dispatchEvent @ blazor.webassembly.js: 1 (анонимно)@ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 e.onGlobalEvent @ blazor.webassembly.js: 1 Показать еще 26 кадров blazor.webassembly.js: 1 WASM: Microsoft.JSInterop.JSException: $ не определено определено d.printErr @ blazor.webassembly.js: 1 put_char @ mono.js: 1 write @ mono.js: 1 write @ mono.js: 1 doWritev @ mono.js: 1 ___syscall146 @ mono.js: 1 Module._mono_background_exec @ mono.js: 1 pump_message @ mono.js: 1 setTimeout (async) _schedule_background_exec @ mono.js: 1 Module._mono_wasm_invoke_method @ mono.js: 1 callMethod @ blazor.webassembly.js: 1 beginInvoJSweb@ blazor.webassembly.js: 1 e.invokeMethodAsync @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 t.dispatchEvent @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 e.onGlobalEvent @ blazor.webassembly.js: 1 Показать еще 26 кадров blazor.webassembly.js: 1 WASM: ReferenceError: $ не определено d.printErr @ blazor.webassembly.js: 1 put_char @ mono.js: 1 write @ mono.js: 1 write @ mono.js: 1 doWritev @ mono.js: 1 ___syscall146 @ mono.js: 1 Module._mono_background_exec @ mono.js: 1 pump_message @ mono.js: 1 setTimeout (async) _schedule_backo_exec @js: 1 Module._mono_wasm_invoke_method @ mono.js: 1 callMethod @ blazor.webassembly.js: 1 beginInvokeDotNetFromJS @ blazor.webassembly.js: 1l @ blazor.webassembly.js: 1 e.invokeMethodAsync @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly.js: 1 t.dispatchEvent @ blazor.webassembly.js: 1 (анонимно) @ blazor.webassembly. js: 1 (анонимно) @ blazor.webassembly.js: 1 e.onGlobalEvent @ blazor.webassembly.js: 1 Показать еще 26 кадров blazor.webassembly.js: 1 WASM: at testDan (http://localhost:53863/:30:17) d.printErr@ blazor.webassembly.js: 1 put_char @ mono.js: 1 запись @ mono.js: 1 запись @ mono.js: 1 doWritev @ mono.js: 1 ___syscall146 @ mono.js: 1 Module._mono_background_exec @ mono.js: 1 pump_message @ mono.js: 1 setTimeout (async) _schedule_background_exec @ mono.js: 1

1 Ответ

0 голосов
/ 15 октября 2019

Похоже, вам нужна библиотека jquery. Посмотрите документацию calender.io и посмотрите, требуется ли jquery. Вот почему вы получаете сообщение об ошибке "$".

...