Conditional Html inline style attribute using razor

Question

Using Razor, in the following iteration of items in a View, how can we make the CustName input readonly if CustName is not empty

@model  ABCTest.Models.ViewModels.MyViewModel
...
<table>
@for (int i=0; i<Model.CuttomersOrders.Count(); i++)
{
 <td>...</td>
...
 <td>
        @Html.EditorFor(c => c.CuttomersOrders[i].CustName)
 </td>
...
}
...
</table>

Shyju · Accepted Answer · 2017-08-10 20:10:33Z

1

Conditionally call the helper method with the relevant htmlAttributes overload value.

EditorFor helper method does not have an overload which takes the htmlAttributes dictionary. So you can use the TextBoxFor helper method instead.

@for(int i=0; i<Model.CuttomersOrders.Count(); i++)
{
  <tr>
    <td>
    @if (!String.IsNullOrEmpty(Model.CuttomersOrders[i].CustName))
    {
        @Html.TextBoxFor(c => c.CuttomersOrders[i].CustName,new { @readonly=true})
    }
    else
    {
        @Html.TextBoxFor(c => c.CuttomersOrders[i].CustName)
    }
    </td>
  </tr>
}

Remember, the existence of the readonly attribute will make the input element readonly irrespective of the value. So basically the below 2 lines will render a readonly input element.

<input  readonly="False" type="text" value="Java" />
<input i readonly="true" type="text" value="Java" />

edited Aug 10, 2017 at 20:10

answered Aug 10, 2017 at 20:04

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

3 Comments

nam Over a year ago

It seems we can't do it with style attribute of <td>, correct?

Shyju Over a year ago

your question says you want to make the input element readonly. readonly is not a valid attribute for td.

nam Over a year ago

Thanks. Two points were worth noticing for me 1. Use of readonly regardless of true or false 2. Use of Model.CuttomersOrders[i].CustName in if statement. I was trying lambda expression inside String.IsNullOrEmpty(....) but VS2017 was not accepting it.

Collectives™ on Stack Overflow

Conditional Html inline style attribute using razor

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related