DropDownList Inside An MVC If Statement

[Graham]

My dropdownlist is absolutely fine until if surround it with an MVC if statement. It then becomes invisible, while the text around it is visible.

Before Adding If

  <b>Central Hub</b>

  @(Html.Kendo().DropDownList()
      .Name("postcodeServiceExclusionsHubSelector")
      .HtmlAttributes(new { style = "width: 70px;" })
      .DataTextField("DepotNumber")
      .DataValueField("DepotID")
      .BindTo(Model.CentralHubs)
      .OptionLabel("Select...")
)

After Adding MVC If Statement

@if (Model.CanSelectCentralHub)
{
    @:<b>Central Hub</b>
    @:
    Html.Kendo().DropDownList()
        .Name("postcodeServiceExclusionsHubSelector")
        .HtmlAttributes(new { style = "width: 70px;" })
        .DataTextField("DepotNumber")
        .DataValueField("DepotID")
        .BindTo(Model.CentralHubs)
        .OptionLabel("Select...");

    @:
}

 

[Dimitar]

Hello Graham,

You should be able to workaround this by surrounding the DropDownList initialization with @( ):

@if (true)
{
  @:<b>Central Hub</b>
  @:
  @(Html.Kendo().DropDownListFor(m => m.ClassId)
    .DataTextField("ProductName")
    .DataValueField("ProductID")
    .HtmlAttributes(new { style = "width:100%" })
    .DataSource(source =>
    {
      source.Read(read =>
      {
        read.Action("GetClass", "Home");
      })
    })
    .OptionLabel(" -- Select --")
 )
}

Regards,
Dimitar
Progress Telerik