Gridview Row Editing through JavaScript

Question

3.00/5 (1 vote)

See more:

Hi All,,

I am adding a textbox and dropdown value in Gridview on button click through javascript by creating elements one by one in each cell of the gridview Row.

I am successfull till that..
but now i want to edit the records which were previously added in gridviw through javascript.

For that i need to get the index of the row of whom edit button was clicked.

Can anybody help me to get that??

NOTE: I am adding textbox value in cell[0], dropdown value in cell[1], Edit button in Cell[2]

Kindy Help.

Posted 16-Jul-13 19:03pm

VICK

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 17-Jul-13 3:00am

In that case, you need to analyse the html generated and try to get the controls by jQuery.

vinay.tatipamula 17-Jul-13 5:06am

You can use jquery $(rowobject).index() to get the row index..

VICK 18-Jul-13 0:01am

and how can i get the rowobject ????

2 solutions

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)

Abhinandan Mahay · Answer 1 · 2013-07-17T01:48:00

Solution 2

You can use KendoUI Grid
http://demos.kendoui.com/web/grid/editing-inline.html[^]
Which is totally JavaScript. Please Try.

Posted 17-Jul-13 1:48am

Abhinandan Mahay

Comments

VICK 18-Jul-13 0:00am

Dear I dont need opensource solution...I need simple piece of code in javascript.

Any Ways Thanks for your help.. :)

vinay.tatipamula · Answer 2 · 2013-07-18T07:58:00

Solution 3

Bind a click event on your Edit button and get the index of the row object some thing like below.

JavaScript

var rowIndex = $('#your edit button id').parent().parent().index();

Posted 18-Jul-13 7:58am

vinay.tatipamula

Updated 18-Jul-13 8:00am

v3