Doubts regarding AngularJS Grid

Question

0.00/5 (No votes)

See more:

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 20:27pm

sagar wasule

Updated 7-May-13 23:47pm

v3

Add a Solution

Comments

Bala Selvanayagam 8-May-13 6:53am

WCF service out put should be in JSON format

sagar wasule 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 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 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 9-May-13 9:07am

glad

Bala Selvanayagam 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 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

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

sagar wasule · Accepted Answer · 2013-05-29T00:41:00

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.