MVC 5 @Html.EditorFor override @id

Question

I have a drop down list that is generated and used by @Html.EditorFor in an ASP.net page, my issue is I am unable to assign an Id to this field. I have the same control which i am using in 2 different spots and i want to use the index/id from my model to switch/swap the values.here is the dic for it

  <div class="editor-field">
                    @Html.EditorFor(m => m.state, new { @id = "state" + Model.Index })

                </div>

the html rendered is

<div class="editor-field">
    <label for="EteProvince">State</label>
    <select id= "EteProvince" name="EteProvince" style="width:220px" 
              class="valid">
    </select>
</div>

i want to add a model.index to the id of select. Is there a way to do this?

Thanks

Can you please post the ASP.NET code that renders the code above? — Cristian Szpisjak, Jul 13 '18 at 18:09

score 0 · Answer 1 · answered Jul 13 '18 at 18:29

0

For all Asp.Net MVC method, you can set a viewData object, that set additional atrtibute values to the generated HTML:

@Html.EditorFor(
    modelItem => item.YourProperty, 
    new { htmlAttributes = new { @id="custom_id" } })

for more information check this.

answered Jul 13 '18 at 18:29

Miguel

3,786
2
19
32

no the id field is still populated from the model i think. does not get overwritten in html. :( – user1098924 Jul 13 '18 at 19:10

DarthTommy · Answer 2 · 2018-07-13T18:51:25.003

0

This should put you on the right track:

@Html.LabelFor(model => model.YourItem, "State: ", new { @id = "MyID"}) 
@Html.EditorFor(model => model.YourItem, new { @id = "MyID2"})

And this will allow you to style the label/editor with CSS like normal. Hope this helps!

edited Jul 13 '18 at 18:51

answered Jul 13 '18 at 18:45

DarthTommy

419
2
10

no it still does not work. I ve tried it both ways also passing in a viewmodel as the second parameter – user1098924 Jul 13 '18 at 19:08

score 0 · Answer 3 · answered Jul 13 '18 at 19:20

0

<div class="editor-field">
    @Html.EditorFor(p => p.item.property, new { htmlAttributes = new { @id="itemId" }})
</div>

answered Jul 13 '18 at 19:20

Husam Ebish

4,893
2
22
38

score 0 · Answer 4 · answered Jul 14 '18 at 09:19

You could use DropDownList instead of the EdiorFor, like:

@Html.DropDownList("state" + Model.Index, new SelectList(Model.States, "", ""))

Also you could override the id when using the DropDownListFor:

@Html.DropDownListFor(m => m.state, new SelectList(Model.States, "", ""), new { id = "state" + Model.Index })

MVC 5 @Html.EditorFor override @id

4 Answers4