AngularJS - manually calling $scope.$apply

[Jeff]

If I modify the scope from a callback (data-k-dragend="onDragEnd") then it seems I have to manually call $scope.$apply.  I had assumed that KendoUI with the AngularJS integration would automatically wrap this for me.  Can you confirm if I'm doing something wrong or if this is planned to be fixed in a future release?

Thanks!

  Nick

[Mihai]

Hi Nick,

You can prefix event handlers with "k-on-", i.e. for your case that would be: k-on-dragend="onDragEnd($kendoEvent)".  See documentation.

If you use the "k-on-" prefix, scope digesting will be handled for your automatically.  Note that you need to pass an expression, not a function reference -- it will only be evaluated when the event is triggered.

Regards,
Mihai
Telerik

 

 

[Andrei]

I try to using k-on-dragend
<div kendo-tree-view="treeView"
                         k-data-source="treeMenu"
                         k-template="itemTemplateMenu"
                         k-drag-and-drop="true"
                         k-on-dragend="onDragEndEvent(kendoEvent)"
                         k-on-change="onTreeSelect(kendoEvent)"
                         k-drop="onTreeDrop"></div>

and get current error:

at Object.<anonymous> (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.all.min.js:42:11940)
at n.(anonymous function) (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.all.min.js:42:6882)
at Object.r.apply.next (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.all.min.js:42:6921)
at Object.<anonymous> (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.all.min.js:42:12174)
at n.(anonymous function) (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.all.min.js:42:6882)
at Object.r.apply.next (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.angular.min.js:9:1906)
at Object.<anonymous> (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.angular.min.js:9:7159)
at n.(anonymous function) [as $angular_makeEventHandler] (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.angular.min.js:9:1867)
at Object.<anonymous> (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.angular.min.js:9:6822)
at n.(anonymous function) [as $angular_init] (http://localhost:6247/Scripts/kendo/2014.2.716/kendo.angular.min.js:9:1867)

[Andrei]

this error:  TypeError: undefined is not a function

[Mihai]

Hi,

It works for me, here's a sample: http://dojo.telerik.com/OweG -- it dumps the kendoEvent with console.log on "dragend".

The error message you pasted doesn't help to identify the problem.  If you can still encounter the issue please provide a simple test case at http://dojo.telerik.com/

Regards,
Mihai
Telerik

 

 

[Andrei]

thank you  for example. I found problem.  I added script kendo.angular.min.js with kendo.all.min.js