actually I am in need of raising/handling the click event for a grid row in the kendo-grid. Since I am using 3rd party component the grid rows/cells are generated by the component and here I wont be able to associate any specific event as long as the component provides by default.
I am expecting something like the functionality in this demo http://demos.telerik.com/kendo-ui/grid/events The specified demo is in Jquery and I want to handle the same onchange event in Angular2 component, any ideas on how to accomplish this? On Tuesday, June 28, 2016 at 5:04:41 PM UTC-4, Navaneetha Krishnan S wrote: > > I have built a grid using kendogrid wrapped with angular2. the grid is > getting populated with records by consuming the webapi service. > > Moreover I need to raise a rowclick event on the grid and on the click > event, I need to fetch the record/async call to get the details for the > row/record selected and display below on the same page. The details > sections consists of around 10-12 textboxes and I should be able to bind > the values fetched from the services call. > > > My UI looks like this, I have a grid in the top section - the grid is > loaded with some record by consuming the services. When the user click on a > any single row, the below details section controls to be loaded with the > details values fetched by the asynch call. > > > I have given below a sample code to achieve the above required > functionality in JQuery way. But i need some inputs in doing it in angular2 > way. any ideas/suggestions ? > > > $(.kendogridcell).click(){ > queueID = $(currentrow).children("gridcell")[0].val();//To fetch the key/ID > which is used for retreiving by the service call > $.ajax() > { > url:'http://sampleservice', > data:data, > success(function(response) > { > $("#txtapplication").val(response.applicationName); > $("#JobName").val(response.JobName); > .... > .... > }); > } > });//end gridcell click event > > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
