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

شما برای ارسال ViewBag به ViewComponent می تونید دقیقا به صورت عادی و مثل ارسال ViewBag از کنترلر به View عملی کنید.

برای این کار ابتدا یک ViewComponent ایجاد کنید.

آموزش ایجاد و استفاده از ViewComponent

• ابتدا یک پروژه خالی از نوع Asp.net Core ایجاد کنید. در پوشه Views و Shared یک پوشه جدید به نام Components ایجاد کنید. یک پوشه جدید به نام Component هم در روت سایت و در کنار پوشه های Controller و ... ایجاد کنید.
• روی پوشه Compontnts درون پوشه Shared کلیک راست کنید و یک پوشه دیگر به نام ComOne ایجاد کنید.
• درون پوشه ComOne یک View به نام Default ایجاد کنید.
• حالا درون پوشه Component هم یک کلاس به نام ComOne ایجاد کنید.

در حال حاضر Solution شما باید به شکل زیر باشد :

• خب در Default.cshtml کدهای زیر را بنویسید :

<p>
    Component 1 + @ViewBag.Com
</p>

همانطور که ملاحظه می کنید از یک ViewBag به نام ViewBag.Com استفاده شده است. حالا مقدار این ViewBag را به صورت زیر ارسال می کنیم :

[ViewComponent(Name = "ComOne")]
public class ComOne : ViewComponent
{
    public IViewComponentResult Invoke()
    {
       ViewBag.Com = "Hello";
       return View();
    }
}

• ضمنا برای استفاده از ViewCompoent درون ویوی index.cshtml هم از کد زیر استفاده می شود.

@await Component.InvokeAsync("ComOne")

به همین راحتی میتونید به ViewComponent مقدار ارسال کنید.

دانلود سورس

البته شما میتونید خیلی حرفه ای تر به ViewComponent حتی مدل هم ارسال کنید. برای این منظور لینک زیر رو مطالعه کنید.

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