如何在mvc4 Razor中的WebGrid中添加新行。 [英] How to Add New Row in WebGrid in mvc4 Razor.
问题描述
如何在文本框onchange上添加新行进入webgrid ..
我的Jquery代码是 -
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').
$('#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，
列：grdTaxType.Columns（
grdTaxType.Column（标题：从日期，格式:( item）=> Html.TextBox（txtFromdate，null，new {ID =txtFromdate，onfocus = Apply_Maskdate（this）}）），
grdTaxType.Column（标题：To Date，格式:( item）=> Html.TextBox（txttodate ，null，new {ID =txtTodate，onfocus = Apply_Maskdate（this）}）），
grdTaxType.Column（标题：百分比，格式:( item）=> Html.TextBox（txtpercentage，null，new {ID =txtpercentage}））
//grdTaxType.Column(header：Delete，格式： @< text> < img
//src=\"../../Image/delete .GIFalt =style =border：none;/> ）
））
}
< / body>
<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>
推荐答案
（文件）。 ready（function（）{
(document).ready(function () {
（' ＃txtpercentage' ）.change（function（）{
alert（' in'）
调试器
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>;
//
('#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'）。
('#webgrid > tbody:last').
这篇关于如何在mvc4 Razor中的WebGrid中添加新行。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
