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

09:01:00 PM - 1399/06/30

سلام دوستان

یک ViewComponent دارم که میخوام اطلاعات این ViewComponent رو از طریق Model موجود در Viewی اصلی بهش ارسال کنم.

ویو به صورت زیر هست :

@model IEnumerable<CourseListForDisplayViewModel>

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

در کنترلر هم دستورات زیر رو دارم

public IActionResult Index()
{
    var model = _icourse.CourseListForDisplay();
    return View(model);
}

و در کلاس مربوط به Component هم دستورات زیر رو دارم

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

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

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

اما بعد از اجرای پروژه با خطای زیر روبرو میشم

Unable to cast object of type 'System.Collections.Generic.List`1[porseman.Models.ViewModels.CourseListForDisplayViewModel]' to type 'porseman.Models.ViewModels.CourseListForDisplayViewModel'

لطفا راهنمایی کنید که چجوری باید این خطا رو رفع کنم.

ویرایش شده در یکشنبه ۳۰ شهریور ۱۳۹۹ ساعت ۲۱:۰۲:۰۴

به این سوال امتیاز بدهید 0 تعداد بازدید این سوال : 2250

پاسخ دهنده : saedbfd 09:08:00 PM - ۱۳۹۹/۰۶/۳۰

نحوه ارسال 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);
        }
    }

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