Html syntax not recognized inside If condition of Razor MVC

Question

Below is the code i am using for one of my mvc views, within the mentioned if condition, html code is not recognized.

<table class="table">
        <tr class="row h4">
            <td>Task</td>
            <td>Parameter</td>
            <td>Active</td>
            <td><input type="button" class="btn btn-default" value="Add Mapping" /></td>
        </tr>
        @foreach (OrderTypeTaskParameterMapping mapping in Model.OrderTypeTaskParameterMappings)
        {
            <tr class="row">
                <td>
                    <select class="form-control">
                        @foreach (Task task in Model.Tasks)
                        {
                            <option value="@task.Id"
                                    @if (mapping.TaskId == task.Id)
                                    {
                                        selected="selected" **doesn't work**
                                    }
                                    >@task.Name</option>
                        }
                    </select>
                </td>
                <td>
                    <select class="form-control">
                        @foreach (Parameter p in Model.Parameters)
                        {
                            <option>@p.Name</option>
                        }
                    </select>
                </td>
                <td>
                    @if (mapping.Active)
                    {
                        <input type="button" class="btn btn-info" value="Active" />
                    }
                    else
                    {
                        <input type="button" class="btn btn-danger" value="InActive" />
                    }
                </td>
                <td><input type="button" class="btn btn-info" value="Save" /></td>
            </tr>
        }
    </table>

On executing the above code i get an error : enter image description here

What could be the reason? I thought this should have worked. Am i missing something here?

Use the strongly typed @Html.DropDownListFor() helper so your html is constructed correctly. — user3559349
– user3559349, Commented Apr 16, 2015 at 12:24
@StephenMuecke Thanks for the work around. Could you still point out the issue in the original code. — blogbydev
– blogbydev, Commented Apr 16, 2015 at 12:27
Downvoter, can you please let me know the reason? Isn't this as per stackoverflow.com/a/14569710/793784 — blogbydev
– blogbydev, Commented Apr 16, 2015 at 12:28
It will work if you use @:selected="selected" or <text>selected="selected"</text> And using the html helpers is not a 'workaround'! its the correct way. you code is truly awful — user3559349
– user3559349, Commented Apr 16, 2015 at 12:40

Anderson Pimentel · Accepted Answer · 2015-04-16 13:01:48Z

1

I think it also works using conditional attributes:

<option value="@task.Id" selected="@(mapping.TaskId == task.Id)">

If the expression evaluates to false, then Razor will not output the selected attribute.

2 Comments

blogbydev Over a year ago

Thanks for the answer, i got multiple answers to this question and now i am trying to find out what is wrong with the original code.

Anderson Pimentel Over a year ago

Updated the answer with more information about what I think is wrong on the original code.

Jacek · Accepted Answer · 2015-04-16 12:20:53Z

0

Try this code

<option value="@task.Id" @(mapping.TaskId == task.Id ? "selected" : string.Empty)>

Inside {} you can use only C# code

answered Apr 16, 2015 at 12:20

Jacek

12.1k26 gold badges76 silver badges129 bronze badges

3 Comments

blogbydev Over a year ago

Is it? What about the whole bunch of <tr> <td> tags i am using inside the parent @foreach(){} . That surely works!

blogbydev Over a year ago

I tried your code, that looks like something i should have done. It works! Still i would like to know what wrong in the original code. Thanks for the answer!

blogbydev Over a year ago

Sorry Jacek, Answer by Anderson looks more relevant to me, so shifting the marked answer.

Collectives™ on Stack Overflow

Html syntax not recognized inside If condition of Razor MVC

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related