add textbox values to gridview from jquery with out using C#

Question

I have grid view with out any record and i want to add text box values into grid view using jQuery without using c#.

what have you tried so far, any sample? stackoverflow.com/help/how-to-ask — Farooq Ahmed Khan
– Farooq Ahmed Khan, Commented Jan 8, 2017 at 14:55
Please add your code. Just a snapshot is not good enough. Please refer How to ask and provide necessary details — Rajesh Dixit
– Rajesh Dixit, Commented Jan 8, 2017 at 14:55
A. do you mean when you have no records? B. Do you need that the value in that textbox will send to the server? — Mosh Feu
– Mosh Feu, Commented Jan 8, 2017 at 15:02
i have used below url for reference . but in that code they are using c# code to add first row. i want with out using c#. aspsnippets.com/Articles/… — user3279300
– user3279300, Commented Jan 8, 2017 at 15:07
@MoshFeu : A. i want add records dynamically. B. after button click on onClientClick the textbox values should be added into gridview. i want client side coding . — user3279300
– user3279300, Commented Jan 8, 2017 at 15:23

Mosh Feu · Accepted Answer · 2017-01-08 16:20:47Z

1

If the Id attribute is static (if not, add CssClass attribute to the GridView) then you can just append the textbox using jQuery

function addRecord() {
  var record = $('#newRecord').val();
  addRow(record);
  $('#newRecord').val('');
}

function addRow(value) {
  $('#GridView1 tbody').append('<tr><td>' + value + '</td></tr>');  
}

table, td, th {
  border: 1px solid;
  border-spacing: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Let's say that the gridview rendrer as table-->
<table id="GridView1">
  <thead>
  <tr>
    <th>Col 1</th>
  </tr>
  </thead>
  <tbody>
    <!-- It's empty because of no records-->
  </tbody>
</table>

<input id="newRecord" type="text" placeholder="Record to add" />
<!-- button with OnClientClick will render as onclick html attribute -->
<button onclick="addRecord()">Add a record</button>

answered Jan 8, 2017 at 16:20

Mosh Feu

29.5k18 gold badges94 silver badges141 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mosh Feu Over a year ago

@user3279300 A. You can post each value when you add it to the table. B. You can build a JSON from the table and send it to the server when you want. (Something like this

user3279300 Over a year ago

actually i want to add values in grid view only and i want to edit and delete the records with out using c# and JSON

Collectives™ on Stack Overflow

add textbox values to gridview from jquery with out using C#

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related