دسته بندی ها
18:53 1398/10/25

ارسال مدل به ویو در مودال در ویو razor page

مشخصات سوال کننده :
کاربر : sunboyali     امتیاز کاربر : 21     رتبه کاربر : 31
دسته بندی : Asp.net Core

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 2677
هوش مصنوعی

پاسخ هوش مصنوعی

برای ارسال مدل به ویو در مودال در 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` برای بارگذاری محتوای مودال وجود دارد:


با این کار، هنگامی که کاربر روی دکمه ویرایش کلیک می کند، مودال با داده های مربوط به آن شهر خاص بارگذاری خواهد شد.

به این پاسخ امتیاز بدهید    0
امتیاز: - رتبه: -
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود