HtmlHelper—DropDownList：SelectList、SelectListItem

发布：2023/12/7 15:24:47作者：大数据来源：大数据浏览次数：365

前言

在项目中经常使用到DropDownList来显示数据库中的数据，典型的例子为为某书籍选择所属类型。

使用SelectList来实现：

实现一：

Controller 代码

1 2	SelectList selectList = new SelectList(bookshelper.GetCategoryList()); ViewData["Category"] = selectList;

View代码

1	@Html.DropDownList("Category",(SelectList) ViewData["Category"])

生成代码：

<option>ImageOfTaiWan.Entity.Category</option>

</select>

注意上面的选择列表实际上为选项类型了，并不是我们想要的具体内容。

那怎么搞呢？

实现二：

Controller代码：

1 2	SelectList selectList = new SelectList( bookshelper.GetCategoryList().Select(item =>item.Name));

View代码不变

生成Html代码：

</select>

上述代码在页面上已经完全可以显示，但是如果再将表单提交到后台那么只能获取到具体的值，而我们需要的是值的ID。

这时候就需要使用SelectList的另外一个构造函数：

// 摘要:

// 使用列表的指定项、数据值字段、数据文本字段和选定的值来初始化 System.Web.Mvc.SelectList 类的新实例。

// 参数:

// items:

// 各个项。

// dataValueField:

// 数据值字段。

// dataTextField:

// 数据文本字段。

// selectedValue:

// 选定的值。

public SelectLit(IEnumerable items, string dataValueField, string dataTextField, object selectedValue);

实现三：

将Controller代码修改为：

1 2	SelectList selectList = new SelectList(item, "Id","Name"); ViewData["Category"] = selectList;

生成的Html代码：

</select>

自此，我们已经完全实现了功能

如果是在编辑页，则需要让下拉列表框默认选择一项，那么这个功能需要为SelectList的构造函数添加第四个参数selectedValue

Entity.Books books = bookshelper.GetById(id);

var item = bookshelper.GetCategoryList();

SelectList selectList = new SelectList(item, "Id","Name",books.Category);

ViewData["Category"] = selectList;

则生成的html代码为：

</select>

实现四：（推荐）

controller:

1	ViewBag.Category = new SelectList(_dbcontext.Category.ToList(), "Id", "CategoryName");

view:

</select>

使用SelectListItem来实现

实现一：

Controller代码：

1 2	IEnumerable<SelectListItem> items = bookshelper.GetCategoryList().Select(item => new SelectListItem { Value = item.Id.ToString(), Text = item.Name });

View代码：

1	@Html.DropDownList("Category",(IEnumerable<SelectListItem>) ViewData["Category"])

生成的Html代码：

<selectid="Category" name="Category">

<optionvalue="3">戏剧</option>

<optionvalue="2">小说</option>

<optionvalue="1">历史</option>

</select>

实现二：（视图中实现）

controller:

1	ViewBag.Category=_dbcontext.Category.ToList();

View

<select name="categoryId" asp-items="(ViewBag.Category as List<Category>).Select

(c=>new SelectListItem{Text=c.CategoryName,Value=c.Id.ToString()})" class="form-control">

</select>

绑定到Enum枚举常量中：

asp.net core 绑定enum到select控件中

声明：本站内容来源于原创和互联网，尊重作者版权，转载请注明来源网址，欢迎收藏，谢谢！

　asp.net core读取配置文件获取网站目录wwwroot

asp.net core 绑定enum到select控件中　

HtmlHelper—DropDownList：SelectList、SelectListItem

柏港建站平台

柏港大数据

HtmlHelper—DropDownList：SelectList、SelectListItem

前言

使用SelectList来实现：

实现一：

实现二：

实现四：（推荐）

使用SelectListItem来实现

实现一：

实现二：（视图中实现）

柏港为您推荐了一些相关资讯

柏港 大数据

HtmlHelper—DropDownList：SelectList、SelectListItem

前言

使用SelectList来实现：

实现一：

实现二：

实现四：（推荐）

使用SelectListItem来实现

实现一：

实现二：（视图中实现）

柏港为您推荐了一些相关资讯

柏港大数据