问题描述
我想计算每一行。我该怎么办?
这个csHTML代码
@using (Html.BeginForm("Deneme1","Siparis",FormMethod.Post))
{@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
if (ViewBag.Message != null)
{
<div style="border:solid 1px green">
@ViewBag.Message
</div>
}
<input type="button" value="Add" onClick="addRow('dataTable')" />
<div class='col-xs-12'>
<a class="btn btn-info" href="#" id="addNew"><span class="glyphicon glyphicon-plus"></span>Yeni Satır</a>
</div>
<table id="dataTable" class="table table-bordered table-striped">
<tr>
<th>Ürün Adı</th>
<th>Fiyat</th>
<th>Adet</th>
<th>Toplam</th>
<th></th>
</tr>
@if (Model != null && Model.Count > 0)
{
int j = 0;
foreach (var i in Model)
{
<tr style="border:1px solid black">
<td>@Html.TextBoxFor(a => a[j].i_urunadi,new { @class = "form-control" })</td>
<td>@Html.TextBoxFor(a => a[j].i_urunfiyat,new { @class = "form-control ",@name="fiyat",oninput = "calculate('row_0')",id = "fiyat" })</td>
<td>@Html.TextBoxFor(a => a[j].i_urunadet,@name="adet",id="adet"})</td>
<td>@Html.TextBoxFor(a => a[j].i_toplam,new { @class = "form-control",@name="toplam" })</td>
<td>
@if (j > 0)
{
<a href="#" class="remove">Kaldır</a>
}
</td>
</tr>
j++;
}
}
</table>
<input type="submit" class="btn btn-info" value="Kaydet" />}
第一行 第二排
@section Scripts{
@Scripts.Render("~/bundles/jqueryval")
<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+/);
$trNew.find("td:last").html('<a href="#" class="remove">Remove</a>');
$.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);
//Replaced value
var type = $(this).attr('type');
if (type.toLowerCase() == "text") {
$(this).attr('value','');
}
// If you have another Type then replace with default value
$(this).removeClass("input-validation-error");
});
$trLast.after($trNew);
// Re-assign Validation
var form = $("form")
.removeData("validator")
.removeData("unobtrusiveValidation");
$.validator.unobtrusive.parse(form);
});
// 2. Remove
$('body').on("click","a.remove",function (e) {
e.preventDefault();
$(this).parent().parent().remove();
});
//3. Calculation
$("#piece,#price").keyup(function () {
var x = parseFloat($("#piece").val());
var y = parseFloat($("#price").val());
var z = parseFloat(x * y);
$('#total').val(z);
});
});
</script>
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)