Is it possible to add rows with web controls to a GridView using jquery?
Yes , gridview is rendered as table so you can insert new row
$('#<%=yourGridView.ClientID%>').append('<tr><td></td><td></td></tr>');
Related
I am currently working on a website using ASP.Net and C# on Visual Studio 2012.
I have a GridView that displays data on Page_Load from my database and a button that should add new row AT THE FIRST ROW of my GridView .
Is there a way on doing this? I tried adding rows with textboxes dynamically but I can't retrieve the input data from it because it disappears on PostBacks.
Ideas so far:
Start populating the gridview from 2nd row to make the first row
clear and add control to it from the client side but I dont know how
to do it and if it is even possible.
Place the textboxes on the HeaderRow, then hide HeaderRow on Page_Load, then display the HeaderRow on button click. But the labels of the column will disappear because it will be replaced with TextBoxes.
I populate a gridview from the db.
then i re arranged the rows in the gridview with javascript code.
i want to copy the rearranged gridview to a datatable
how it possible??
If you re-arranged your data using Javascript, you will have to update the database using Javascript. You will not be able to do if using server-side code.
Getting data and binding a GridView on the server-side and then rearranging it with Javascript is not a good idea. I suggest you either get your data purely from Javascript, or arrange your data on the server side before binding your GridView.
There could be multiple methods
First method
GridView row would have a hidden field in each row which should be updated with new row index and have a column for row index / order in database.
When user changes the row index of GridView Row, you will have to change the hidden fields of all effected with new rowindex. On server side you will have to iterate through the GridView rows and save the respective rows index / order in row column for order of row.
Second Method
You can send the changed rows index on each arrangement using the ajax (jquery ajax) and save the changed index in database row order column.
if you need to sort the gridview without reloading the page , then use an update panel enable and code for gridview pageindexchanging and sorting event , if you need any indication while processing use an updateprogress control .
If you are intended to update the data . then use ajax to send the data to a webmethod and update it into DB
My table is:
student
Roll_number name
1 farhat
2 rupali
I want to fetch this record in datalist. Actually I get record properly but whenever I insert record then immediately insert that record in datalist without any postback only datalist is refreshed not whole page.
Try using Ajax Update panel with triggers.
Hope this helps.
http://www.aspdotnet-suresh.com/2012/05/ajax-updapanel-control-with-triggers.html
I have a case in which I'm showing gridview which is binded with the datasource using linq.
in footerrow of GridView I have an option to select values from 2 dropdowns and click add button an on add button I'm adding data in DB and showing data from DB.
What actually i need is that on add button it must be added to the gridview. and if gridviewrowbound is empty the user select from footer and add.
I have another UPDATE Button,on update I want to save changes to DB
I tried DataTable but couldn't do it.
i want to insert a new row to grid view while i click new button with out using the sqldatasource. and also how to edit, update, and delete rows from grid view. pls help me
[visual studio 2008
asp.net with c#]
thanks
thiru
What do you mean by "without using the SqlDataSource" ? How do you intend to propagate the inserted data to the data store, then ? You have not specified what other method you are using.
Anyway, the GridView does not inherently support insertion of records, but you can accomplish it by creating a FooterTemplate in which you create the fields for entry of new data. Additionally, provide a column to allow for Insert/Cancel buttons in the FooterTemplate.
Here's a good sample: How to easily insert row in GridView with SqlDataSource
Good gridview tutorial : ASP.NET Quickstart Tutorials
For adding new row you could try putting controls in footer row of the GridView.
Editing, updating and deleting require you to do two things:
implement those operations in the SqlDataSource
enable these operations in GridView
If you want to do it without the SQL datasource, then set DataTable as a GridView's datasource.
Good example on how to populate and add a row to datatable.