how to add new to webgrid in mvc4

Question

how to add new row dynamically in webgrid or in table in mvc4 on change of last column value using jquery. Please reply..its urgent.. Thanks

Jignesh Trivedi · Answer

hi, Please refer http://www.dotnet-tricks.com/Tutorial/mvc/E2S9150113-Enhancing-WebGrid-with-Insert-Update-and-Delete-Operations.html http://www.mikesdotnetting.com/Article/223/Adding-a-New-Row-In-The-Razor-WebGrid hope this will help you.

Rukasana Dange · Answer

I have tried but add row not working.here is my code.. @grid.GetHtml(columns: grid.Columns(grid.Column("Account Code"), grid.Column("Doc No"), grid.Column("Doc Date"), grid.Column("Currency Id"), grid.Column("Currency Code"), grid.Column("Price", format: @ @item.Price.ToString("c") ))) $(function () { $('#price').on('change', function () { $('table').append(' ' + ' ' + ' ' + ' ' + ' ' + ' curr_code \' id=\' curr_code \' /> ' + ' ' + ' Save '); });

Jaganathan Bantheswaran · Answer

Well, Just change the event something like this, $('.your-last-column').on('change', function () { //code here });

Rukasana Dange · Answer

i don't want on add button click..i want on onchange event of last column value which adds new row to table using jquery. Thanks

Jaganathan Bantheswaran · Answer

HI, You have to manually add the table row when user clicks on the Add button. WebGrid: @grid.GetHtml(columns: grid.Columns(grid.Column("Title", style: "title"), grid.Column("ISBN", style: "isbn"), grid.Column("Author", style: "author"), grid.Column("Category", style: "category"), grid.Column("Price", style: "price", format: @ @item.Price.ToString("c") ))) Add $(function () { $('#add').on('click', function () { $('table').append(' ' + ' ' + ' ' + ' ' + ' ' + ' ' + ' Save '); $('#add').hide(); }); });

how to add new to webgrid in mvc4

Answers (5)