Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET WCF AngularJS
Hi I'm implementing angularJS grid and using ng-grid for the same. I refered to the example at http://angular-ui.github.io/ng-grid/[^]
 
Here the data is hard coded and gets shown on the grid. I have a set of question.
 
1. How can I bind the data that is obtained from a WCF service ?
2. I want the gridcell to be editable on tab event. how can I perform this ?
3. When the gridcell is edited the data in the cell on tab out will be given as an input to the WCF service which will return data to be populated in remaining cells of the gridrow.
 
If anyone can suggest about editable gridview, that can also do partially.
 
Please , if anyone can help regarding this issue.
Thank you.
Posted 7-May-13 21:27pm
Edited 8-May-13 0:47am
v3
Comments
Bala Selvanayagam at 8-May-13 6:53am
   
WCF service out put should be in JSON format
sagar wasule at 8-May-13 7:39am
   
thanks Bala for ur response, Yes I can have WCF service output in JSON format but I'm not able to find find how can I code to bind that data to Grid, even my major concern is to edit the grid, how can I go about that ?
Bala Selvanayagam at 8-May-13 9:44am
   
sagar, I am not an expert on AngularJs but trying to build a prototype for our next project which is due to start soon.
 
My understanding is that when you bind the data on the client side with angular javascript it may not be very hard to make it editable as its a data binding ?
 
Please have a look at the URL http://harouny.wordpress.com/2013/02/03/using-angularjs-to-consume-webapi-service-in-mvc4-project/ which gives and idea.
sagar wasule at 9-May-13 2:07am
   
your this response is good helps in fetching data from wcf service. Now the grid issue persists , hope I can integrate both and workout something ...
Bala Selvanayagam at 9-May-13 9:07am
   
glad
Bala Selvanayagam at 8-May-13 10:05am
   
sagar, similar question
 
http://stackoverflow.com/questions/15281278/in-angularuis-nggrid-edit-on-focus-cell-selection-example-does-not-edit-o
 
this should give an answer how to edit ?
sagar wasule at 9-May-13 2:05am
   
Bala thanks for your response, I saw this url from Stackoverflow, same can be my doubt I'm unable to edit on focus, the guy who posted the reply that url also is not editable on focus. When I double click the grid it becomes editable but I want it too be editable on tab key or on focus.

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

I have gone through various links on google and found out that ngGrid does not support on focus editable functionality in 2.0
 
I created a customed control for this which can be make shift arrangement for on focus editable grid.
You all can check this on my blog :
 
http://travelcodingnlotsmore.wordpress.com/2013/05/21/on-focus-editable-grid-in-angularjs/[^]
 
Feedback is appreciated, this is not actual grid but a make shift arrangement that can be done.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 5,130
1 DamithSL 4,237
2 Maciej Los 3,700
3 Kornfeld Eliyahu Peter 3,470
4 Sergey Alexandrovich Kryukov 2,846


Advertise | Privacy | Mobile
Web01 | 2.8.141216.1 | Last Updated 29 May 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100