Hola a todos aquí:
Mi consulta es la siguiente tengo el siguiente codigo que agrega nuevas filas a una tabla, pero necesito la forma que al vez me permita remover las filas y no he podido encontrar un codigo que me funcione.Alguien me puede ayudar en esto.
Este es mi código:
<div class="col-md-12">
@using (Html.BeginForm("OrdenesdeCompra", "Informes", FormMethod.Post))
{
@Html.AntiForgeryToken()
<div class="form-inline" style="margin-bottom:10px;">
<div class="form-group">
<input type="text" class="form-control" placeholder="Ingrese orden de compra" name="ordencompra" id="ordencompra" value="">
<input type="text" class="form-control" placeholder="Ingrese monto de compra" name="monto" id="ordencompra" value="">
</div><!-- /input-group -->
</div>
<table id="dataTable" class="table table-striped table-bordered">
<tr>
<td>N°Informe</td>
<td>Fecha de Orden de compra</td>
<td>Observaciones</td>
<td><a href="#Agregar" id="addNew" class="create btn btn-success btn-xs"><span class='glyphicon glyphicon-plus'></span></a></td>
</tr>
<tr>
<td><input data-val="true" required="required" class="form-control input-sm" name="[0].InformeId" type="text" value="" /></td>
<td><input data-val="true" required="required" class="form-control input-sm datepicker" name="[0].FechaOrden" type="text" value="@DateTime.Now.ToString("yyyy/MM/dd")" /></td>
<td><input data-val="true" class="form-control input-sm" name="[0].Observaciones" type="text" value="" /></td>
<th><input type="checkbox" name="chk" /></th>
</tr>
</table>
<input type="submit" value="Registrar Ordenes" style="margin-bottom:10px;" class="btn btn-success btn-xs" />
}
</div>
//Este es mi codigo javascript para agregar filas
<script language="javascript">
$(document).ready(function () {
//1. Add new row
$("#addNew").click(function (e) {
e.preventDefault();
var $tableBody = $("#dataTable");
var $trLast = $tableBody.find("tr:last");
var $trNew = $trLast.clone();
var suffix = $trNew.find(':input:first').attr('name').match(/\d+/);
$.each($trNew.find(':input'), function (i, val) {
// Replaced Name
var oldN = $(this).attr('name');
var newN = oldN.replace('[' + suffix + ']', '[' + (parseInt(suffix) + 1) + ']');
$(this).attr('name', newN);
});
$trLast.after($trNew);
});
});
</script>