如何使用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" });