سلام دوستان
دوستان من یه جدول دارم که تو هر ستون یه مقداری هست.یکی از ستونها یه تکست باکس هست که مقدارش هر بار تغییر میکنه میخام زمانیکه این مقدار تغییر کرد مقدار جدید محاسبه بشه و تو ستون بعدی نمایش داده بشه.ولی صفحه رفرش نشه
اینم از کد صفحه من:
@using (Html.BeginForm("AddGroup", "Admin", FormMethod.Post, new { id = "myForm" }))
{
<section id="content">
<div class="container">
<div class="row">
<div class="col-lg-12">
<table class="table-full table-total">
<tr>
<th>
@Html.DisplayName("قیمت واحد")
</th>
<th>
@Html.DisplayName("تعداد")
</th>
<th>
@Html.DisplayName("قیمت نهایی")
</th>
</tr>
@foreach (var item in Model)
{
<tr>
<td>
@item.Product.Price.ToString().Trim('0').Trim('.') .ToPrice() تومان
</td>
<td>
@Html.TextAreaFor(modelItem => item.Count, new { @class = "txtCountProduct", style = "width: 40px; ", productid = item.Product.Id })
</td>
<td id="total_sum_value">
@((@item.Count * @item.Product.Price).ToString().Trim('0').Trim('.' ).ToPrice()) تومان
</td>
</tr>
}
</table>
</div>
</div>
</div>
</section>
}
اینم از کد ajax برای گرفتن تعداد:
@section Scripts{
<script src="~/Scripts/AutoNumeric/jquery-price.js"></script>
<script>
$(function () {
$(".txtCountProduct").price();
$(".deleteProduct").click(function () {
var id = $(this).attr("productid");
var img = $(this);
$.ajax({
url: "/Home/RemoveCart",
data: { Id: id },
type: "Post",
dataType: "Json",
success: function (result) {
if (result.Success) {
img.parent().parent().hide();
$("#CartItems").html(result.Html);
}
eval(result.Script);
},
error: function () {
alert("خطا!");
}
});
});
$(".txtCountProduct").change(function () {
var count = $(this).val();
var id = $(this).attr("productid");
$.ajax({
url: "/Home/AddToCart",
data: { Id: id, Count: count,t:1 },
type: "Post",
dataType: "Json",
success: function (result) {
if (result.Success) {
$("#CartItems").html(result.Html);
}
eval(result.Script);
},
error: function () {
alert("خطا!");
}
});
});
});
</script>
}