title: Angular jqxSchedular source localData Can't bind from remote
body: <p>I am trying to use jqxSchedular for my web app. </p>
  
  <p>Schedular couldn't bind from remote data.</p>
  
  <p><strong>Here is my Angular component</strong>:</p>
  
  <pre><code>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=&gt;{
        this.source.localData = res as CourseSchedule[];
      },err=&gt;{
        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 =&gt; {
              let schedules = data as CourseSchedule[];
              let newSchedules:CourseSchedule[] = [];
              schedules.forEach((schedule) =&gt; {
                  const {start,end,...other} = schedule;
                  newSchedules.push(&lt;CourseSchedule&gt;{
                      start: new Date(start),
                      end: new Date(end),
                      ...other
                  })
              });
              return newSchedules;
          })
      );
  
    }
  
  }
  </code></pre>
  
  <p>When I debug the ngOnInit there is no problem with setting localData. But when I consolled log source,it shows <code>localdata</code> is null.</p>
  
  <p>I couldnt find for remote databinding example for Angular jqxSchedular.</p>
  
  <p>So ,basicly it works with local data but at remote it doesnt work.</p>
  
  <p>Please help about this. </p>