how to add new to webgrid in mvc4

Rukasana Dange

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

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jignesh Trivedi12y ago
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 Dange12y ago
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"))))
Jaganathan Bantheswaran12y ago
Well, Just change the event something like this,

$('.your-last-column').on('change', function () { //code here });
Rukasana Dange12y ago
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 Bantheswaran12y ago
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"))))