如何调整@ Html.Dropdownlist的宽度?数据未显示

时间:2016-01-27 04:46:09

标签: c# asp.net-mvc asp.net-mvc-5 html.dropdownlistfor

我使用@ Html.DropDownLinkFor来选择我系统上的付款选项。但是发生的事情是,它没有在下拉框中显示默认文本。当你选择一个选项时,它仍然不会显示?如何在下拉框中显示文本或调整其宽度?

这是我的代码

<td>
@Html.DropDownListFor(model => item.LevelId, new SelectList(item.GradeLevels, "LevelId", "LevelName", item.LevelId),
"<- Select Level ->",
new { @class = "form-control ddlClass", @id = "LevelId_" + item.TransactionId + "_" + item.StudentId})
</td>

1 个答案:

答案 0 :(得分:0)

DropDownList助手的第二个参数必须是IEnumerable。

请逐步尝试。

步骤-1)

@Html.DropDownList(
"ListId", 
Enumerable.Empty<SelectListItem>(),"<- Select Level ->", 
new { style = "width: 360px;" }

步骤-2) 要用于绑定到:

@Html.DropDownList(
"ListId", 
Model.PaymentMethodList,"<- Select Level ->", 
new { style = "width: 360px;" }

步骤-3)

避免使用外部CSS的样式混乱HTML:

@Html.DropDownListFor(
    x => x.ListId, 
    Model.PaymentMethodList,"<- Select Level ->", 
    new { @class = "mydropdown" }
)

您的外部Css代码

.mydropdown{
width: 360px;

}

如果您仍然存在问题,请检查您的CSS和脚本或分享更多代码。