Question

在我的项目（ATM Tiller机器）中我试图显示一个下拉列表，但它以网格格式显示，因为在我当前项目中所有下拉列表仅以网格/表格格式显示，因为这些ddl的数量非常少记录。但我希望我显示包含100条记录的下拉列表，因此表格/网格格式是不可能的，请你帮我看看如何使用MVC4显示下拉列表。

XX.cshtml code:-
  var listBankNames = GetDropdownData(Model.AvailableBankList);
  @Html.DropDownListFor(model => model.Bankname.Value, listBankNames, "", null)

目前结果显示为网格格式，但我需要下拉列表。

Answer 1

如果您在项目中使用 bootstrap ，则在下拉列表中添加一个类，如下所示

@Html.DropDownListFor(model => model.Bankname.Value, listBankNames, 
       "--Select--", new { @class = "form-control dropdownlist" })

或者在您的下拉列表中添加一个类并覆盖CSS中的样式

@Html.DropDownListFor(model => model.Bankname.Value, listBankNames, 
       "--Select--", new { @class = "myDropdown" })

在你的CSS中，

.myDropdown
  {
   display: inline-block !important;
   position: absolute !important;
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding: 12px 16px;
   z-index: 1;
  }

我无法使用MVC 4显示下拉列表

1 个答案: