Our powerful JS Calendar component


Post by tmcuong »

How to implement Grid ?
In angular It is not found library below.

Grid.mixin(CalendarStores)
Calendar.Modes.register('weekgrid', WeekGrid);

calendar Grid.png
calendar Grid.png (120.7 KiB) Viewed 724 times
calendar Grid 2.png
calendar Grid 2.png (123.4 KiB) Viewed 724 times

Post by Maxim Gorkovsky »

Hello.
I'm afraid I couldn't understand your problem. Please elaborate. What are you trying to do and what is the problem exactly?


Post by tmcuong »

I want to customize calendar like that
https://bryntum.com/examples/calendar/custom-rendering/
I copied code from link and show error
with picture I added above.


Post by Maxim Gorkovsky »

I'm afraid you cannot just copy vanilla code to framework app and expect it to work. You need to modify the code to use correct imports (likely @bryntum/calendar/calendar.umd). Also in the browser app components are rendered on their own, in angular app framework should control it.


Post by tmcuong »

I'm using your calendat with trial version it run ok.
I install package such as you guide but it show error

PS D:\BSC\ERMAngularUI> npm install  @bryntum/calendar/calendar.umd
npm ERR! code ENOLOCAL
npm ERR! Could not install from "@bryntum\calendar\calendar.umd" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ERMbuild\AppData\Roaming\npm-cache\_logs\2021-11-18T09_11_40_832Z-debug.log
[./code]

Post by Maxim Gorkovsky »

You're not installing npm package correctly. Please refer to this guide: https://bryntum.com/docs/calendar/guide/Calendar/npm-repository

Also check how we import classes in our framework demos.


Post by tmcuong »

How can I find lib
import shared from '../_shared/shared.module.js?454302';

in https://bryntum.com/docs/calendar/guide/Calendar/npm-repository

it does not guide


Post by Maxim Gorkovsky »

Please check our framework demos and see what do we import and how, you'll see that shared is not used there (because it is not required)


Post Reply