Html .NET核心MVC中的备选方案列表框
在.NET核心MVC中是否有ListBoxFor的替代方案? 我想将所有选定部门的数据存储在一个名为SelectedDepartment的列表中。因此,我想使用类似于复选框的东西。例如: []A部门 [十] B系 [十] C系 但我只是通过使用带有多个函数的HTML选择找到了解决方案。还有其他解决办法吗 这是我当前的代码:Html .NET核心MVC中的备选方案列表框,html,asp.net-core-mvc,Html,Asp.net Core Mvc,在.NET核心MVC中是否有ListBoxFor的替代方案? 我想将所有选定部门的数据存储在一个名为SelectedDepartment的列表中。因此,我想使用类似于复选框的东西。例如: []A部门 [十] B系 [十] C系 但我只是通过使用带有多个函数的HTML选择找到了解决方案。还有其他解决办法吗 这是我当前的代码: <div class="form-group"> @Html.LabelFor(model => model.AvailableDepartment
<div class="form-group">
@Html.LabelFor(model => model.AvailableDepartments)
@Html.ListBoxFor(model => model.SelectedDepartments, Model.AvailableDepartments.Select(x => new SelectListItem { Text = x.DepartmentShort, Value = x.Id.ToString() }), new { @class = "form-control" })
</div>
感谢您对带有复选框的multi-select dropdownlist的支持,您可以使用ListBoxFor Html Helper和jQuery BootStrap multi-select插件来实现这一点,请参阅下面的演示: 视图: 结果:
从下载相关的引导multiselect css和js文件。这几乎就是我正在寻找的解决方案。但在我的例子中,我想在启动时显示所有可能的解决方案,如ListBoxFor,但只显示复选框
<form asp-action="GetCheckBoxList">
<div class="form-group">
@Html.LabelFor(model => model.Answers)
@Html.ListBoxFor(model => model.SelectedAnswer, Model.Answers.Select(x => new SelectListItem { Text = x.Description, Value = x.Id.ToString() }), new { @class = "form-control" ,id="listAnswers" })
</div>
<div>
<input type="submit" value="Submit" />
</div>
</form>
@section Scripts
{
<link href="~/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="~/js/bootstrap-multiselect.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#listAnswers").multiselect({
includeSelectAllOption: true
});
});
</script>
}