bind temporary data from text box to Grid view in asp.net throw JQuery

Question

4.00/5 (1 vote)

See more:

hello Professionals

there is need in ma project that there is some drop down list and text boxes
and a button ,i have to add data of all that text boxes and drop down list in grid view
on button click event

note : important thing is that i need to show virtually data on grid view through above condition not need to save all record on database and after this to fetch...

and also this task need to done only by jquery

thanks in advance

Posted 12-Dec-13 2:00am

Shubh Agrahari

Updated 12-Dec-13 20:38pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

v2

Add a Solution

Comments

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 12-Dec-13 8:10am

What have you tried and where is the problem?

Shubh Agrahari 12-Dec-13 23:41pm

Tadit using jQery i found all the value in a variable after Add button click but how i bind that values on grid view is occurring bit typical. if that value i fetching from database then it will be done using Ajax and Jason but there is condition that i need to stare data virtually on grid view and the issue is this stuff need to done with Jquery not with Server side languages like C#

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 13-Dec-13 0:58am

Ok. You just need to add row on client side. No need to save or update the GridView at Server side, right? If I give you an example link, can you try this?

♥…ЯҠ…♥ 12-Dec-13 8:27am

Nice requirement.... Hope you will get answer here ;-)

Karthik_Mahalingam 12-Dec-13 10:29am

:-)

Ganesh KP 12-Dec-13 12:03pm

Can u please tell what controls you are using? Is it ASP.Net controls or HTML controls inside a grid view? What did u tried so far?

Shubh Agrahari 12-Dec-13 23:34pm

guys lets see a example like u need to save multiple rows at a time and before it u have to show that all value on a grid temporally ,u have four text box control and one button naming with Add ,on add click u have to show that four value on a grid with four column ,after adding multiple temporary row there is a button naming Save on this click u have to save all the grid rows in Database..........and all that i done in ma previous projects but with C# like with Data Table View State but on this project i need to do this with Client side code so i am using JQuery ....but i want only query for adding data in grid view virtually using Jquery.........and i am using Asp.net controls(three Text Boxes one Button and a Grid view) .......Now i think you all getting that what i want

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 13-Dec-13 2:33am

My answer would help you. :)

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-12-12T20:32:00

Solution 2

GridView is rendered as a Table in client side browser.
So, you just need to append another row to that GridView (Table) using jQuery.

JavaScript

$('#<%=btnAdd.ClientID %>').bind('click', function (event) {
    var $grid = $('#<%=GridView1.ClientID %>');
    var $row = $grid.find('tr:last').clone().appendTo($grid);
    return false;
});

Posted 12-Dec-13 20:32pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

Shubh Agrahari 13-Dec-13 6:40am

can you clearly describe it with proper structure with four column(one row).....also with taking data from controls on button click

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Dec-13 0:48am

$row refers to the newly created row. You just need to use that to find all the cells inside it and assign the values. Something like below...

$row.find('td:first').html('newValue');

Look, I have not tried this. But the idea is to find the tds inside that row and assign values to HTML. If you will see the generated HTML of the new row, you will be more clear.