نحوه ارسال Model به ViewComponent در Asp.net Core

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

مسیله ی شما به دلیل نوع داده ای که به ViewComponent ارسال می کنید به وجود آمده است. شما در حال ارسال یک مجموعه (IEnumerable) از نوع CourseListForDisplayViewModel به ViewComponent هستید، در حالی که متد Invoke انتظار یک شیء از نوع CourseListForDisplayViewModel را دارد.

برای رفع این مشکل، کافی است که متد Invoke در CourseListViewComponent را به گونه ای تغییر دهید که بتواند یک IEnumerable را دریافت کند. به این صورت:

    [ViewComponent(Name = "myComponent")]
    public class CourseListViewComponent : ViewComponent
    {
        private readonly ICourseRepository _icourse;

        public CourseListViewComponent(ICourseRepository icourse)
        {
            _icourse = icourse;
        }

        public IViewComponentResult Invoke(IEnumerable model)
        {
            return View(model);
        }
    }

سپس در ویو خود، می توانید به سادگی همین Model را به ViewComponent ارسال کنید که در حال حاضر در حال انجام آن هستید:

@await Component.InvokeAsync("myViewComponent", Model)

این تغییرات باید مشکل شما را حل کند. حالا می توانید برنامه ی خود را اجرا کنید و دیگر با خطای نوع داده مواجه نخواهید شد.

نحوه ارسال Model به ViewComponent در Asp.net Core

دستوراتی که شما نوشتید تا حد زیادی درست هست اما اشکالاتی داره. اول اینکه بهتره که به Model که میخواید ارسال کنید یه اسم بدید و در کلاس مربوط به Component هم با همون نام دریافتش کنید. کدهای زیر رو دقت کنید :

@model IEnumerable<CourseListForDisplayViewModel>

<div class="content">
    <form>
        <div class="panel panel-body">
           
        </div>
    </form>
    @await Component.InvokeAsync("myViewComponent", new {mModel = Model})
</div>

نکته بعد هم اینکه Model شما یک IEnumerable هست. بنابراین باید در کلاس مربوط به View Component هم یک IEnumerable دریافت کنید نه یک Model تنها. کدهای زیر رو دقت بفرمایید

  [ViewComponent(Name = "myComponent")]
    public class CourseListViewComponent : ViewComponent
    {
        private readonly ICourseRepository _icourse;

        public CourseListViewComponent(ICourseRepository icourse)
        {
            _icourse = icourse;
        }

        public IViewComponentResult Invoke(IEnumerable<CourseListForDisplayViewModel> model)
        {
            return View(model);
        }
    }

بنظر نمیاد مشکل دیگه ای وجود داشته باشه.