Display control after clicking the gridview row

Question

0.00/5 (No votes)

See more:

Hi,

I have one datatable with more than 1000 rows. When I am binding the values to gridview I should show (+) plus sign each row. Then when i am clicking that + sign I will show textbox control below the row. So how to do?

Posted 6-Dec-11 23:02pm

Member 7684075

Add a Solution

Comments

[no name] 7-Dec-11 5:04am

what is that plus sign for? editing?

Code 89 7-Dec-11 5:09am

is that plus sign refers to adding?

Member 7684075 7-Dec-11 5:10am

Just i want to put plus sign or leave it about plus sign. When i am clicking the row i should show some design below the row in gridview. how to do?

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)

K Herms · Answer 1 · 2011-12-06T23:48:00

Solution 1

Use a listview that renders the table rows. Add an extra row under each row, that is hidden in HTML.

style="display:none;"

In this row you can add more controls and with jquery you can make it visible when the user clicks the + button.

var textbox = $('#textboxid').css('display', 'block');

Another possiblitiy is to postback to the page when the user clicks the + button. After that determine what row is clicked, and only add the extra row for this clicked row.

Posted 6-Dec-11 23:48pm

K Herms

Updated 7-Dec-11 0:26am

v2

Comments

Member 7684075 7-Dec-11 6:12am

Thanks Herms. But this is i am not expected. My expectation is when i am clicking the row i should show the texbox and other control below that particular row selected.

K Herms 7-Dec-11 6:31am

Instead of a gridview, use a listview. I updated my answer

Member 7684075 7-Dec-11 7:16am

Tnx again Herms. But this is not my expectation. When I am clicking the row it should be like accordion will come. Next row will be drilldown and our design will be show after our row clicking.