如何使用MVC帮手@ Html.ListBoxFor

Question

我使用MVC助手时做出更广泛的列表框的宽度：

@Html.ListBoxFor(vm => vm.SelectedUsers, Model.UserSelectList, "--- All ---") 

我怎样才能让列表框宽，目前该名被截断。

Answer 1

可以使用方法

Html.ListBoxFor(vm => vm.SelectedUsers, Model.UserSelectList, new { data-placeholder="-- All --", style = "width: 100%"}); 

等的重载版本，您还可以给它CSS类，从外部造型。

Answer 2

在CSS的列表框中创建一个类：

.listBox 
{ 
    width: 200px; //set your width or make it auto 
} 

然后设置类属性：

@Html.ListBoxFor(vm => vm.SelectedUsers, Model.UserSelectList,new { @class = "listBox" });