ASP.NET MVC dynamically bind editor template

Question

Is it possible to dynamically add an Editor Template to my view, after a button is clicked, for example?

At the moment I'm doing this in my main view to bind a list of ObjectA objects to my model (inside a form):

@Html.EditorFor(x => x.ObjectA)

and in the Editor Template I'm binding the properties for ObjectA:

@Html.DisplayFor(x => x.ID)
@Html.CheckBoxFor(x => x.BoolA)

But if I don't want to always load this editor template, is there a way to bind it dynamically to the model, using JS?

It's because it makes an additional request to the Database which I can omit by allowing the user to choose whether or not to make the request.

Is this possible?

Community · Accepted Answer · 2017-05-23 12:22:07Z

2

You can't do that with EditorFor on client because the razor is transformed in html on server side.

You can do this if you make use of PartialView, where you can include your EditorFor.

You make a ajax call with js for this PartialView, but in axaj call you have to specify the id to query that object inside action.

At the end you will append the result, html content, of the call in your page.

edited May 23, 2017 at 12:22

CommunityBot

11 silver badge

answered Apr 20, 2015 at 16:41

adricadar

10.2k5 gold badges35 silver badges47 bronze badges

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

6 Comments

sparta223 Over a year ago

So you mean having a partial view in which I have EditorFor. Do you think doing this will bind to the model, however? Am I not going to have prefix problems?

sparta223 Over a year ago

I tried it and it doesn't bind to the model (obviously). I decided to add an extra boolean to my model which checks whether it should make the request or not so when the user clicks a button it refreshes the page with an updated model that decides whether or not to display more data based on the user's choice

adricadar Over a year ago

@sparta223 You tried to make @Html.EditorFor(x => x.ObjectA) or @Html.EditorFor(x => x) ?

sparta223 Over a year ago

I made a partial view in which I only had @Html.EditorForModel() which was using ObjectA as the model

adricadar Over a year ago

@sparta223 tis is the reason why didn't bind, you needed an empty model with property ObjectA and to use @Html.EditorFor(x => x.ObjectA)

|

Collectives™ on Stack Overflow

ASP.NET MVC dynamically bind editor template

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related