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.

Reply via email to