Trivial Ng5 app with scheduler error

[Wojciech Pawlowski]

Hi 

I am experiencing strange error in simple app with scheduler.

In order to replicate the error I created simple app with Angular CLI (v 1.5).

app.component.html:

<h1> Scheduler test</h1>

<button (click)="loadData()">Load appointments</button>

<ej-schedule id="Schedule1" width="100%" height="525px" currentView="week" currentDate="11/3/2017" [appointmentSettings.dataSource]="scheduleData">

</ej-schedule>

in app.component.ts I load mock-up data with:

loadData() {

this.scheduleData = [

{ Id: 120, Subject: "First", StartTime: "2017-11-02T10:00:00+01:00", EndTime: "2017-11-02T11:00:00+01:00",},

{ Id: 121, Subject: "Second", StartTime: "2017-11-03T11:00:00+01:00", EndTime: "2017-11-03T12:00:00+01:00", },

{ Id: 122, Subject: "Third", StartTime: "2017-11-04T10:00:00+01:00", EndTime: "2017-11-04T11:00:00+01:00", }];

}

Appointments appear in scheduler but in console following error is being thrown:

AppComponent.html:4 ERROR TypeError: valFn is not a function

    at ScheduleComponent.EJComponents.getTwowayChanges (core.js:211)

    at eval (core.js:155)

    at Array.forEach (<anonymous>)

    at ScheduleComponent.EJComponents.ngDoCheck (core.js:149)

    at checkAndUpdateDirectiveInline (core.js:12097)

    at checkAndUpdateNodeInline (core.js:13597)

    at checkAndUpdateNode (core.js:13540)

    at debugCheckAndUpdateNode (core.js:14412)

    at debugCheckDirectivesFn (core.js:14353)

    at Object.eval [as updateDirectives] (AppComponent.html:4)

View_AppComponent_0 @ AppComponent.html:4

proxyClass @ compiler.js:14524

DebugContext_.logError @ core.js:14679

ErrorHandler.handleError @ core.js:1411

(anonymous) @ core.js:5790

ZoneDelegate.invoke @ zone.js:392

Zone.run @ zone.js:142

NgZone.runOutsideAngular @ core.js:4574

ApplicationRef.tick @ core.js:5790

(anonymous) @ core.js:5616

ZoneDelegate.invoke @ zone.js:392

onInvoke @ core.js:4626

ZoneDelegate.invoke @ zone.js:391

Zone.run @ zone.js:142

NgZone.run @ core.js:4443

next @ core.js:5616

schedulerFn @ core.js:4220

SafeSubscriber.__tryOrUnsub @ Subscriber.js:239

SafeSubscriber.next @ Subscriber.js:186

Subscriber._next @ Subscriber.js:127

Subscriber.next @ Subscriber.js:91

Subject.next @ Subject.js:56

EventEmitter.emit @ core.js:4200

checkStable @ core.js:4591

onLeave @ core.js:4670

onInvokeTask @ core.js:4620

ZoneDelegate.invokeTask @ zone.js:424

Zone.runTask @ zone.js:192

ZoneTask.invokeTask @ zone.js:499

invokeTask @ zone.js:1540

globalZoneAwareCallback @ zone.js:1566

AppComponent.html:4 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 7, nodeDef: {…}, elDef: {…}, elView: {…}}

Any idea what can cause this error?

Bestr regards,

Wojciech

[Nevitha Ravi]

Hi Wojciech,   

  

Thank you for contacting Syncfusion support.  

  

We have created an incident for your query and we request you to have a follow up with the below incident link for further update on this.  

Incident link: https://www.syncfusion.com/support/directtrac/incidents       

  

Regards,  

Nevitha. 

[Harish Kurma]

Hello,

I'm having the same issue, was searching for it and got to see this incident. So, did this got fixed? I'm badly in need of solution. Kindly let me know if you could provide one.

[Karthigeyan Krishnamurthi]

Hi Harish, 

 

The reported problem of script error that occurs while assigning the data source to Schedule through two-way binding got fixed in our latest Essential studio 2017 Volume 4 SP1 (15.4.0.20) release. In the below sample, empty Schedule will be rendered initially and when a button is clicked, data source will be assigned through two-way binding without any script errors. Kindly download the sample and run the below commands. 

http://www.syncfusion.com/downloads/support/directtrac/196035/ze/Sample-1578298864 

 

<Code> 

npm install syncfusion-javascript --save 

npm install ej-angular2 --save 

npm install --save-dev @types/jquery 

npm install --save-dev @types/ej.web.all 

ng serve 

</Code> 

 

Note: We have published the fix in our NPM server version 15.4.21, therefore running the above commands will change the version of ej-angular2 -> 15.4.21 and syncfusion-javascript -> 15.4.20 in package.json file. 

 

Regards, 

Karthigeyan 

 

[oscar bartolome]

Hi,

I'm having this trouble updating datasource in Angular Gantt. I've tried with the previous message npm commands but it still gives the same errors. Any solution?

Thanks

[Punniyamoorthi Elangovan]

Hi Oscar, 

We have analyzed your reported issue, but we are unable to reproduce the reported issue in our end. We have prepared the sample for your reference with details you have provided with us. In this sample we had dynamically set the datasource to the Resourceview Gantt then the ResourceView Gantt is rendered properly without any issues and we request you to revert us by modifying the sample based on your application along with the replication procedure. This would be helpful for us to serve you better. 

Sample Location: 

http://www.syncfusion.com/downloads/support/forum/138055/ze/Sample_with_Zooming-1163140869  

Please let us know if you require further assistance on this. 

Regards, 

Punniyamoorthi