[Solved] angularjs class diretive attach click event to Kedno UI grid

[Wit]

I am trying to use class directive to attach click event to the next page button on the kendo grid.

Directive:

.directive('kPagerNav', function () {
return {
restrict: 'C',
controller: function ($scope, $element, $attrs, $location) {

if (typeof $scope.testFunc === "function") {
$element.click(function () {
$scope.testFunc();
});
}
}
}
})

Example
http://dojo.telerik.com/AKiqO

I have exactly the same directive working for a 'cancel changes' button , but I can't get next page click working.

[Petyo]

Hello WItek,

the issue you experience is most likely due to the CSS classes you target not being set at compile time, since the pager is updated asynchronously when the datasource fetches data.

You can verify if this is the case by attaching a debugger (or console.log call) in the directive controller function. 


Regards,
Petyo
Telerik

 

 

[Wit]

When  I am debugging I don't see that code to be called at all. Could you please suggest any way I could get it working ?

My goal is to display warning before user navigates to a next page if they have unsaved changes.

[Petyo]

Hello Witek,

You may use the jQuery on method (with the respective selector) on a parent element to implement the same approach - this should handle the events accordingly. 

Regards,
Petyo
Telerik