باسلام خدمت مندسین عزیز
یه پروژه ساختم جهت مشاهده فیش حقوقی!
اول یه View دارم به اسم Index که صفحه اصلی نمایش فیش حقوقی منه! عکس این صفحه رو براتون میفرستم
با انتخاب سال ، فیش های حقوقی مربوط به اون سال با استفاده از Ajax و یه PartalView به اسم Fish نشون داده میشه
کدای این صفحه( مربوط به صفحه Index و حرکت به Fish )
<script>
$(document).ready(function () {
$("#FishYear").change(function () {
//dvFish
var d = "FishYearID=" + $("#FishYear").val();
var u = '@Url.Action("Fish", "FishView")';
$.get(u, d, function (rd) {
$("#dvFish").html(rd);
})
})
});
</script>
تا اینجا اوکیه و اطلاعات از DB خونده میشه!
حالا میخام وقتی روی هر ردیف از Fish کلیک کردم جزئیاتشو نشون بده!
برای اینکار یه PartalView دیگه در نظر گرفتم که اطلاعاتو از ورودی بگیره و بصورت Modal نشون بده!
توی View مربوط به Fish کد های زیر رو نوشتم:
@foreach (var item in Model)
{
<tr class="tbl table table-striped table-hover font selectfish " onclick='ShowDetails("@item.FishID")'>
<td>
@Html.DisplayFor(modelItem => item.FishID)
</td>
میبینید که یه تابع تعریف کردم به اسم ShowDetails و یه مقدار هم بهش پاس دادم @item.FishID
تابع ShowDetails رو بصورت زیر تعریف کردم
function ShowDetails(FishID) {
var url = '@Url.Action("popupFish","FishView")';
var SendingData = "FishID=" + FishID;
$.get(url, SendingData, function (data) {
$("#dvContent").html(data);
$("#myModal").modal("show");
})
//
}
</script>
پس از کلیک بر روی هر ردیف تابع بالا اجرا و یه PartialView دیگه به اسم popupFish باز میشه که تو یه modal به اسم MyModalتعریف شده
حالا PartialView که تعریف کردم برای نمایش یه سری کد دیگه داخلش داره!!!
مشکل من اینجاس که FishID که از PartialView (Fish) ارسال می کنم اینور تو popupFish نمایش داده نمیشه!!
حتی Alert هم گذاشتم اصلا مقدار نداره!!!
دستورات داخل popupFish:
<link href="~/Content/bootstrap-rtl.css" rel="stylesheet" />
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
<script>
$(document).ready(function () {
//dvFish
//نمایش کارکرد در فیش حقوقی
alert(FishID);
var d = "FishID=" + FishID;
var u = '@Url.Action("FishKarkard", "FishView")';
$.get(u, d, function (rd) {
$("#dvkarkard").html(rd);
})
//نمایش اطلاعات اضافات
var ez1 = "FishID=" + FishID;
var uz1 = '@Url.Action("FishEzafat", "FishView")';
$.get(uz1, ez1, function (rd1) {
$("#dvezafat").html(rd1);
})
//dvkosorat نمایش اطلاعات کسورات
var ez1 = "FishID=" + FishID;
var uz1 = '@Url.Action("FishKosorat", "FishView")';
$.get(uz1, ez1, function (rd1) {
$("#dvkosorat").html(rd1);
})
//dvvaam نمایش اطلاعات کسورات وام
var ez1 = "FishID=" + FishID;
var uz1 = '@Url.Action("FishVaam", "FishView")';
$.get(uz1, ez1, function (rd1) {
$("#dvvaam").html(rd1);
})
});
</script>
<body style="text-align:center">
<div class="tbl table table-striped table-hover font BoxHeaderFish ">
</div>
<table class="tbl table table-bordered table-striped table-hover font ">
<tr>
<td colspan="4">
فیش
</td>
</tr>
<tr>
<td colspan="1">
<div id="dvkarkard"> </div>
</td>
<td colspan="1">
<div id="dvezafat"> </div>
</td>
<td colspan="1">
<div id="dvkosorat"> </div>
</td>
<td colspan="1">
<div id="dvvaam"> </div>
</td>
</tr>
</table>
</body>
پارمتر ارسال باید همنام ورودی متد باشد
آبا این نامها یکسان هستند ؟
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)
