在下拉列表(MVC)中显示复选框项目

安贾德·纳赛尔(Amjad Nasser)

我的复选框项目效果很好。但是,我需要将其显示为下拉列表

这是BookViewModel.cs中的列表(在我的视图中显示的模型)

public List<CheckBoxViewModel> Authors { get; set; }

这是CheckBoxViewModel.cs

  public class CheckBoxViewModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public bool Checked { get; set; }
}

这是我的控制器(将项目添加到checkboxViewModel中Authors

 var Results = from b in db.author
                      select new
                      {
                          b.authorID,
                          name = b.first_name + " " + b.middle_name + " " + b.last_name,

                      };
        var MyViewModel = new BooksViewModel();

        var MyCheckBoxList = new List<CheckBoxViewModel>();
        foreach (var item in Results)
        {
            MyCheckBoxList.Add(new CheckBoxViewModel { Id = item.authorID, Name = item.name});
        }

        MyViewModel.Authors = MyCheckBoxList;

最后这就是我在视图Create.cshtml中显示复选框项的方式

<div class="form-group">
                    @Html.LabelFor(model => model.Authors, ": المؤلف/ المؤلفين", htmlAttributes: new { @class = "control-label col-md-4" })
                    <div class="col-md-6">

                        <div style="text-align:right">
                            @for (int i = 0; i < Model.Authors.Count(); i++)
                            {

                                @Html.DisplayFor(m => Model.Authors[i].Name) <text> </text>
                                @Html.EditorFor(m => Model.Authors[i].Checked)

                                @Html.HiddenFor(m => Model.Authors[i].Name)
                                @Html.HiddenFor(m => Model.Authors[i].Id)
                                <br />
                            }
                        </div>
                        <text class="text-danger"> @ViewBag.empty_authors</text>
                        @Html.ActionLink("مؤلف جديد ", "CreateAuthor", "books", new { Model }, new { @class = "modal-link btn btn-success", @style = "font-size:20px" })<br />
                     </div>
                    <div class="col-md-4">
                        @*@Html.ListBoxFor(model => model.authorID, new SelectList(ViewBag.authorID, "a_id", "fullname"), htmlAttributes: new { @multiple = "multiple", @class = "form-control" })*@



                        @Html.ValidationMessageFor(model => model.Authors, "", new { @class = "text-danger" })
                    </div>
                    </div>

请注意,直到现在我在我的代码中才使用任何JQuery /脚本,如果有任何方法可以在我的控制器中使用C#在dropdownlist中显示复选框项,那将是更好的选择

谢谢你 。

PS。如果有使用JavaScript的解决方案,请详细描述。


编辑:我决定修复包含我在Create.cshtml视图中的作者列表的div的高度,并允许它在y轴上滚动,我发现它是我的问题的可接受的解决方案,因此不需要额外的操作javascript代码

纳马尔159

您不能,您将必须找到一个jquery插件才能这样做。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

显示复选框项目列表(选定的下拉项目除外)

在下拉列表中单击复选框时,该复选框保持选中状态

选中下拉列表中的复选框

如何在Laravel的多选复选框列表中显示选中的复选框?

JS复选框下拉列表

访问:复选框的下拉列表

在下拉按钮中显示选中的复选框文本

如何在下拉列表MVC视图中添加复选框

复选框,而不是PHP,MySQL中的下拉列表

下拉列表中的复选框

在下拉列表中添加复选框

在Razor中使用MVC4中的复选框从下拉列表中进行过滤

所选项目未显示在下拉列表中

下拉复选框列表cakephp

如何在数字框中显示复选框和下拉列表的乘积

你怎么能显示不同的复选框,然后与不同的下拉菜单不同的下拉列表中,当多个复选框被选中?

MVC在下拉列表中显示不同的表行

使用MVC下拉列表如何编辑表单并在下拉列表中显示数据,并在下拉列表中显示先前选择的项目?

如何使用Razor在MVC中显示复选框

如何在选择下拉列表中显示所选复选框的值?

使用MVC中的复选框查询选定的项目

复选框下拉列表不会在ASP MVC中停留

启用禁用复选框的下拉列表

显示复选框,而不是下拉选择

在下拉列表,单选按钮和复选框字段中显示预先选择的现有值

MVC选择列表在下拉列表中不显示selecteditem

是否可以在asp.net的下拉复选框文本框中显示选定的项目

将下拉列表更改为 mvc 中 ajax jquery 中的复选框

根据最后输入的值,应在下拉列表中启用复选框

TOP 榜单

热门标签

归档