ارسال مدل به ویو در مودال در ویو razor page
دوستان من یک مودال دارم در ویو index
<form method="post" id="frmaddCity" asp-page="Index" asp-page-handler="Edit">
<div class="modal fade" id="editcity" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-notify modal-success" role="document">
<!--Content-->
<div class="modal-content">
<!--Header-->
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="white-text">×</span>
</button>
<h4>ویرایش شهر</h4>
</div>
<!--Body-->
<div class="modal-body">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
@*<input type="hidden" asp-for="Editcity.CityId" />*@
<div class="form-group">
<label asp-for="Editcity.CityName" class="control-label"></label>
<input asp-for="Editcity.CityName" class="form-control cityname" />
</div>
</div>
<!--Footer-->
<div class="modal-footer justify-content-center">
<button type="submit" class="btn btn-success">ثبت <i class="far fa-gem ml-1 text-white"></i></button>
<button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">خروج</button>
</div>
</div>
<!--/.Content-->
</div>
</div>
</form>
با کلیک روی دکمه مودال من باز میشه و وارد کد زیر میشه
public IActionResult OnGetEdit(int id)
{
Editcity = _iadmin.FillCityById(id);
return;
}
حالا باید مدلم یعنی Editcity رو return کنم به صفحه ای که مودال داخلش هست یعنی index با بریک پوینت پیش رفتم تو این کنترلم(razor page)مدلم مقدار می گیره چطور این مدل رو بفرستم به مودال ممنون میشم راهنمایی کنید
پاسخ هوش مصنوعی
برای ارسال مدل به ویو در مودال در Razor Page، شما باید مدل را در فرمی که در مودال قرار دارد، قرار دهید. اگر شما به Get Handler نیاز دارید که قبل از نمایش مودال مدل را بارگذاری کند، می توانید از یک صفحه گرفتن یا یک مورد دیگر استفاده کنید. در اینجا نحوه انجام این کار آورده شده است:
ابتدا اطمینان حاصل کنید که `Editcity` یک خاصیت عمومی است که در کلاس صفحه Razor شما تعریف شده است. در اینجا، مثال زیر را در نظر بگیرید:
public class YourPageModel : PageModel
{
[BindProperty]
public CityModel Editcity { get; set; }
private readonly IAdminService _iadmin;
public YourPageModel(IAdminService iadmin)
{
_iadmin = iadmin;
}
public IActionResult OnGetEdit(int id)
{
Editcity = _iadmin.FillCityById(id);
return Partial("_EditCityModal", Editcity); // بازگشت به یک Partial View
}
}
سپس باید یک Partial View ایجاد کنید که شامل قالب HTML برای مودال شما باشد. به عنوان مثال، فایل `_EditCityModal.cshtml` می تواند به این شکل باشد:
@model CityModel
حال برای نمایش مدل در محیط ترکیبی، شما می توانید از AJAX استفاده کنید تا هنگام کلیک بر روی دکمه ویرایش، مودال با محتوای مناسب بارگذاری شود:
$(document).on('click', '.edit-button', function () {
var cityId = $(this).data('id');
$.get('@Url.Page("Index", "Edit")', { id: cityId }, function (data) {
$('#modalContainer').html(data); // قرار دادن محتوای مودال در یک DIV خاص
$('#editcity').modal('show'); // نمایش مودال
});
});
اطمینان حاصل کنید که در صفحه اصلی خود یک DIV به نام `modalContainer` برای بارگذاری محتوای مودال وجود دارد:
با این کار، هنگامی که کاربر روی دکمه ویرایش کلیک می کند، مودال با داده های مربوط به آن شهر خاص بارگذاری خواهد شد.
- آموزش استفاده از پلاگین گردونه شانس در Asp.net core به همراه سورس
- نمایش متن به صورت فرمت شده در CkEditor
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- کار با CkEditor با قابلیت آپلود عکس
- خطا در ایجاد migration در Asp.net core
- تفاوت های Asp.net core و Asp.net mvc چیه؟
- دلیل اسپم شدن ایمیل های ارسالی از سرور
- نحوه لایه بندی پروژه Core و اضافه کردن به IIS
- ارسال ایمیل در Asp.net core
- آیا میشه در mvc core از کامپونت استفاده کرد
- آپلود فایل در Asp.net core چگونه است؟
- حذف کامل یک رکورد در جدول ریلیشن شده
- اشکال در آپلود فایل ویدیو در mvc core 2