how To Add new Row on Textbox onchange which is into webgrid..
my Jquery Code is --
$(document).ready(function () {
$('#txtpercentage').change(function () {
alert('in')
debugger
var newRow = "<tr> <td></td> <td><input type='text' id='txtFromdate'/></td> <td> <input type='text' id='txtTodate'/></td> <td><input type='text' id='txtpercentage'/></td></tr>";
$('#webgrid tbody:last').append(newRow);
$('#btnSave').removeAttr('disabled');
});
});
And my Web grid Code is--
@{
var grdTaxType = new WebGrid(source: Model, rowsPerPage: 6, selectionFieldName: "selectedRow", canSort: false);
}
<body>
@if (@Model != null)
{
@grdTaxType.GetHtml(
tableStyle: "webgrid webgridwidth",
headerStyle: "webgridheader",
alternatingRowStyle: "webgridaltrowstyle",
selectedRowStyle: "select",
rowStyle: "webgridrowstyle",
footerStyle: "webgridfooter",
columns: grdTaxType.Columns(
grdTaxType.Column(header: "From Date", format: (item) => Html.TextBox("txtFromdate", null, new { ID = "txtFromdate", onfocus = "Apply_Maskdate(this)"})),
grdTaxType.Column(header: "To Date", format: (item) => Html.TextBox("txttodate", null, new { ID = "txtTodate", onfocus = "Apply_Maskdate(this)"})),
grdTaxType.Column(header: "Percentage", format: (item) => Html.TextBox("txtpercentage", null, new { ID = "txtpercentage"}))
//grdTaxType.Column(header: "Delete", format: @<text>
<img
//src="../../Image/delete.GIF" alt="" style="border: none;" />)
))
}
</body>