Как использовать «ресурсы» в v4 ng-fullcalendar? - PullRequest
Новая
       9

Как использовать «ресурсы» в v4 ng-fullcalendar?

0 голосов
/ 16 апреля 2019

Синтаксис «ресурсы» не распознается в fullcalendar v4.

Часть, написанная "resources:", получает ошибку.

WeekgridComponent 

import { Component, ViewChild } from '@angular/core';
import { OptionsInput, EventApi, View } from '@fullcalendar/core';

import resourceTimeGridDay from '@fullcalendar/timegrid';
import resourceTimeGrid from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';

import { CalendarComponent } from 'ng-fullcalendar';

@Component({
  selector: 'weekgrid',
  templateUrl: './weekgrid.component.html',
  styleUrls: ['./weekgrid.component.css']
})

export class WeekgridComponent {

  constructor() { }

  @ViewChild('fullcalendar') fullcalendar: CalendarComponent;
  options: OptionsInput = {
    plugins: [ resourceTimeGridDay, interactionPlugin , resourceTimeGrid],
    timeZone: 'UTC',
    defaultView: 'resourceTimeGridDay',
    views: {
      listDay: { buttonText: 'list day' },
      listWeek: { buttonText: 'list week' },
      listMonth: { buttonText: 'list month' }
    },
    header: {
      left: '',
      center: 'prev,next',
      right: ''
    },
    minTime: '6:00',
    maxTime: '20:00',
    height: 'auto',
    editable: true,
    selectable: true,
    droppable: true,
    weekends: false,
    weekNumbers:true,
    weekNumbersWithinDays:true,
    resources: [
      { id: 'a', title: 'Room A' },
      { id: 'b', title: 'Room B', eventColor: 'green' },
      { id: 'c', title: 'Room C', eventColor: 'orange' },
      { id: 'd', title: 'Room D', eventColor: 'red' }
    ],
    events:[
        {
          id:'1',
          title:"My repeating event",
          start:'2019-04-15 10:00',
          end:'2019-04-15 12:00',
          eventColor: '#378006',
        }
    ],
    eventRender: function(args:{event:EventApi, el:HTMLElement,
view: View}) {
      args.el.addEventListener("dblclick", function(){
        console.log("issa")
      });

    },
    eventClick: function({el, event, jsEvent, view}){

    },
    eventDrop: function({el, event, jsEvent, view}){
      console.log(event);
    },
    eventResize: function( eventResizeInfo ) {
      console.log(eventResizeInfo.event);
    }
    };

}

Должно работать как в примере https://fullcalendar.io/docs/vertical-resource-mixed-demo, но вместо этого он просто не распознает синтаксис, как будто он не существует, хотя и поддерживается в документе.

1 Ответ

0 голосов
/ 17 апреля 2019

Я думаю, это потому, что в тексте вашего мероприятия может отсутствовать следующее: 

"resourceId":"a",
...