asp.net core 1 rc2: Creating a view component

Question

I completely migrated a aspnet 5 rc1 project into the aspnet core-rc2 and made sure everything is working the same as before; however, I can't seem to get my ViewComponents to work in rc2 and I'm not exactly sure how to implement it in the "new" way.

Here is how I have it set up right now:

Somewhere in the a .cshtml file i have:

 @Component.Invoke("AddActivity", Model.Id)

then I have the viewcomponent in a folder

public class AddActivityViewComponent : ViewComponent
{
    public IViewComponentResult Invoke(int id)
    {
        ActivityViewModel model = new ActivityViewModel();
        model.IssueId = id;

        return View("ActivityModal", model);
    }
}

and with this it would normally return the ActivityModal cshtml in the shared folder however RC2 seems to be asking for a class that implements IViewComponentHelper?

Please let me know if I'm doing something incorrectly or if there's a better way

Ahad Porkar · Accepted Answer · 2016-06-12 05:20:16Z

6

Note: The Sync APIs have been removed in rc2.

Your code may be like that:

public class AddActivityViewComponent : ViewComponent

{

    public IViewComponentResult InvokeAsync(int id)
    {
        ActivityViewModel model = new ActivityViewModel();
        model.IssueId = id;

        return View("ActivityModal", model);
    }
}

@Component.InvokeAsync<AddActivityViewComponent>(new { id = Model.Id})

or

@await Component.InvokeAsync<AddActivityViewComponent>(new { id = Model.Id})

edited Jun 12, 2016 at 5:20

Ahad Porkar

1,7182 gold badges37 silver badges74 bronze badges

answered May 28, 2016 at 16:57

enet

46.4k6 gold badges104 silver badges129 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Parthasus Over a year ago

Thank you ! Your suggestion with the above code + the @await Component.InvokeAsync(new { id = Model.Id}) worked perfectly.

Jonathan Alfaro Over a year ago

This still did not work for me. I had to change the method signature like this "public async Task<IViewComponentResult> InvokeAsync(int id)" ...... and had to call it with await otherwise it would return a weird string instead of the view

Hypnobrew · Accepted Answer · 2016-05-28 10:26:35Z

0

It seems like they changed how Components are invoked in RC2. Now the Invoke method only takes one argument with "key/value pairs" as parameters.
So maybe something like this would work:

@Component.Invoke("AddActivity", new { id = Model.Id})

More info here.

answered May 28, 2016 at 10:26

Hypnobrew

1,1409 silver badges24 bronze badges

1 Comment

Janshair Khan Over a year ago

I saw this, but I'm even able to call a simple ViewComponent with no parameters in RC2. Don't know whats going on. I'll try to dig into.

markusvt · Accepted Answer · 2016-07-01 06:57:32Z

0

What Isaac and Andrey said is corretct. I would just like to add: the name of the parameters need to match.

In your case, you need to call invoke with new { id = Model.Id} as your parameter in the invoke method is called "id".

answered Jul 1, 2016 at 6:57

markusvt

564 bronze badges

Collectives™ on Stack Overflow

asp.net core 1 rc2: Creating a view component

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related