Confirmation on row selection change with Kendo for jQuery and AngularJS

[Ewgenij]

Hello, I have a similar situation like here Confirmation on row selection, however I work in an AngularJS environment, so I can't work with the suggested solution directly.

$("#Grid tbody").on("mousedown", "tr", function (e) {
    var ok = confirm("Change selection?");

    if (ok) {
        $("#Grid").data("kendoGrid").select(this);
    }
});

 

I suppose I need to wrap it into an angular directive somehow?

 

 

 

[Alex Hajigeorgieva]

Hi, Ewgenij,

You can take advantage of the AngularJS syntax for getting the grid instance and the kendoRendered event to attach the mousedown handler:

<div kendo-grid="grid" options="mainGridOptions"></div>

$scope.$on("kendoRendered", function(){
     $scope.grid.element.on("mousedown", "tr", function (e) {
         var ok = confirm("Change selection?");

         if (ok) {
              $scope.grid.select(this);
         }
     });
 });

https://dojo.telerik.com/@bubblemaster/AsUmIvUB/2

Kind Regards,
Alex Hajigeorgieva
Progress Telerik