AngularJS aware click handler

[Lars]

Hello,

Is there a way to define something like an AngularJs ng-click handler  for your toolbar buttons, so that you don't have to manually call $apply?

As an example, here is what I currently do:

$scope.paymentToolbarOptions = {
    items: [{
    type: "button", id: "manualIr", text: "Manual IR", overflow: "always"
    }...],
    click: function (e) {
        if (e.id === "manualIr") {
        $scope.$apply(function() { $scope.payManualIr(); });
        }
  }
};

Thanks,
Lars

[Alexander Valchev]

Hello Lars,

Thank you for the feedback. We will add this enhancement in the official release which is scheduled in about two weeks.

Regards,
Alexander Valchev
Telerik

 

 

[Alexander Valchev]

Hello Lars,

Upon further investigation we decided to reject this enhancement. Initially we though that you speak about the click configuration option of the ToolBar's items however according to the provided code snippet you use the ToolBar's "global" click event.

By default widget's event handlers are wrapped in $scope.apply only if they are bound using the k-on-<event name> attribute. In case the developer defines the event handler directly in the options object he/she is responsible for calling manually $scope.apply. This is written in the documentation:

• http://docs.telerik.com/kendo-ui/AngularJS/introduction#event-handlers

The click configuration option of the toolbar item however cannot be set via k-on-<event name> attribute and implementing automatically wrapping will lead to inconsistent behavior.

Regards,
Alexander Valchev
Telerik