Angular jqxSchedular source localData Невозможно связать с удаленного - PullRequest
Новая
       42

Angular jqxSchedular source localData Невозможно связать с удаленного

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

Я пытаюсь использовать jqxSchedular для своего веб-приложения.

Schedular не может связываться с удаленными данными.

Вот мой угловой компонент : 

export class CourseScheduleComponent implements OnInit {

  appointmentDataFields: any =
  {
      from: "start",
      to: "end",
      description: "description",
      subject: "subject",
      resourceId: "calendar"
  };

 source = {
    dataType: "array",
    dataFields: [
        { name: 'id', type: 'string' },
        { name: 'description', type: 'string' },
        { name: 'subject', type: 'string' },
        { name: 'calendar', type: 'string' },
        { name: 'start', type: 'date' },
        { name: 'end', type: 'date' }
    ],
    localData: []
}

  resources: any = 
  {
      colorScheme: "scheme04",
      dataField: "calendar",
      source: new jqx.dataAdapter(this.source)
  };

  dataAdapter: any;
  date: any = new jqx.date();

  views: string[] | any[] =
  [
      'dayView',
      'weekView',
      'monthView',
      'agendaView'
  ];

  constructor(private repository: RepositoryService,private router: Router,
    private activeRoute: ActivatedRoute ) { } 

  ngOnInit() {
      this.getCourseSchedules().subscribe(res=>{
      this.source.localData = res as CourseSchedule[];
    },err=>{
      console.log(err);
    });
      this.dataAdapter = new jqx.dataAdapter(this.source)
  }

  getCourseSchedules()
  {
    var courseId : string = this.activeRoute.snapshot.params['id'];
    var apiUrl = `/api/course/schedule?courseId=${courseId}`;
    return this.repository.getData(apiUrl).pipe(
        map(data => {
            let schedules = data as CourseSchedule[];
            let newSchedules:CourseSchedule[] = [];
            schedules.forEach((schedule) => {
                const {start,end,...other} = schedule;
                newSchedules.push(<CourseSchedule>{
                    start: new Date(start),
                    end: new Date(end),
                    ...other
                })
            });
            return newSchedules;
        })
    );

  }

}

Когда я отлаживаю ngOnInit, нетпроблема с настройкой localData. Но когда я утешил источник журнала, он показывает, что localdata равен нулю.

Я не смог найти пример привязки удаленной базы данных для Angular jqxSchedular.

Итак, в основном это работает с локальными данными, но на удаленнойне работает.

Пожалуйста, помогите об этом.

...