editing a gridview row with in the page

Question

0.00/5 (No votes)

See more:

hi,
I have a grid-view with 5 columns with edit image button in that gridview,
when we click on that edit, that gridview should be hide and then that row values of gridview open in editable mode with in that page only,
please anyone provide me the procedure to do this,
div id=div1>gridview /div
div id=div2>textboxes or gridview /div

thankyou...,

Posted 13-Jun-13 19:43pm

sravisravi

Add a Solution

Comments

Shafeequl 14-Jun-13 2:04am

where you put that edit image button.?against all rows in gridview? please clarify your ques..

ravikiran from Hyderabad 14-Jun-13 2:47am

try this..........

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/HoverMenu/HoverMenu.aspx

or..

http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

consider these things

when the time you click on edit on gridrow save {ID OF ROW} to some hidden
and get those details back to popup

save directly to database and load gridview page again.

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)

Thanks7872 · Answer 1 · 2013-06-13T21:56:00

Solution 1

Refer to this link which shows something that you are trying to do.Here,Gridview doesnt hide but the row values would be in popup window.

Ajax ModalPopUpExtender Example to edit the gridview row values in asp.net[^]

Regards.. :laugh:

Posted 13-Jun-13 21:56pm

Thanks7872

Murali0195 · Answer 2 · 2013-06-14T19:26:00

Hi...
In .aspx:

XML

<asp:TemplateField HeaderText="Quantity" HeaderStyle-Width="40px" >
                    <ItemTemplate>
                    <asp:Label ID="lblq" runat="server" Text='<%# bind("Quantity") %>' ></asp:Label></ItemTemplate>
                    <HeaderStyle Width="40px"></HeaderStyle>
                    <EditItemTemplate><asp:TextBox ID="txteq" runat="server" Text='<%# bind("Quantity") %>'></asp:TextBox></EditItemTemplate>
                    <FooterTemplate ><asp:TextBox ID="txtq" runat="server" ForeColor="Blue" Width="40px"></asp:TextBox></FooterTemplate>
                    </asp:TemplateField>

For rowediting(aspx.cs):

C#

protected void gv_RowEditing(object sender, GridViewEditEventArgs e)
        {
            gv.EditIndex = e.NewEditIndex;
            getdata();
        }

In rowupdating(aspx.cs):

C#

string QUAT = ((TextBox)gv.Rows[e.RowIndex].FindControl("txteq")).Text;
                int quat = Convert.ToInt32(QUAT.Trim());

and then write ur query for updating in .cs.
thanks,its may useful to u.