0

PrimeNG のスケジュール コンポーネントを使用して、ユーザーのカレンダー イベントを表示しようとしています。カレンダーは表示されますが、Fullcalendar がイベントをレンダリングしようとするとエラー
"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
が返されます。以下に、html、設定オプション、および表示しようとしているイベントのモックを含めました。

template.html

        <p-schedule id="calendar" class="calendar" [events]="calendar.sources" 
            [calendar]="myCalendar1" [height]="calendar.config.height"
            [header]="calendar.config.header" [editable]="calendar.config.editable"
            [weekends]="calendar.config.weekends" [eventLimit]="calendar.config.eventLimit"
            (onDayClick)="calendar.config.dayClick" (onEventClick)="calendar.config.eventClick"
            (onEventDrop)="calendar.config.eventDrop">
        </p-schedule>



this.calendar.config = {
  height: 900,
  editable: true,
  weekends: true,
  eventLimit: true,
  header: {
    left: 'agendaDay,agendaWeek,month',
    center: 'title',
    right: 'today prev,next'
  },
  dayClick: this.dayClick,
  eventClick: this.eventClick,
  eventDrop: this.stopDrag
}


どのオプションを含めても、fullcalendar は常に同じエラーを出すことがわかりました。オプションなしでスケジュール テンプレートをロードしようとしても、同じエラーが発生しました。これは、Schedule と fullcalendar を含めた方法が正しくないことを示しているようです。npm install --save で primeng と moment を含め、html cdns で fullcalendar を含めました。ここに示す実装の変更に従って、 Schedule を起動して実行しました。次に、現在のコンポーネントに Schedule をプロバイダーおよびディレクティブとして追加しました。コンポーネントのメソッド内から参照できるように、Schedule もクラス コンストラクターに含まれています。

4

2 に答える 2

2

JQuery 3.0.0 への更新は、Fullcalendar と互換性がないことが判明しました。JQuery を 2.2.4 にロールバックすると、すべてが正常に機能します。

于 2016-06-20T14:20:11.387 に答える