@ Html.DropDownListFor使用值和文本的选项,而无需使用ViewModels

什里·克里希纳(Shree Krishna)

假设我有一张简单的分组表,如图所示,

我想填充这个具有选项的下拉value作为GroupIDName作为text像这里显示,

<select id="dropdown">
    <option value="1">superadmin</option>
    <option value="2">Support Desk</option>
    <option value="3" selected="selected">SSL I</option>
    <option value="4">SSL II Admin</option>
    <option value="5">SSL II</option>
    <option value="6">Client</option>
</select>

如何在不使用ViewModels和任何复杂性的情况下实现这一目标?其实我只想使用ViewBag来做到这一点?是否可以 ?

注意:此问题仅用于想法共享目的。请不要认为它太宽泛

什里·克里希纳(Shree Krishna)

是的,我知道肯定有可能,

方法1:

在视图中,您可以像这样在此处简单地创建Dictionary<string, string>和数据Dictionary

    public ActionResult Index() {
            var dictionary = new Dictionary<string, string>();
            var allGroup = GetAllGroupNames(); //Query to get all data from table

            foreach(var ag in allGroup)
            {
                dictionary.Add(ag.GroupId.ToString(), ag.Name);

            }

            ViewBag.selectGroupList = dictionary; // Add dictionary to ViewBag

            return View();
      }

然后,您的DropDownListFor意志只会像这样,

 @Html.DropDownListFor(model => model.GroupId, new SelectList((Dictionary<string,string>)ViewBag.selectGroupList, "Key", "Value",new { @id="dropdown"}))

方法2:

 ViewBag.selectGroupList = new SelectList(GetAllGroupNames(), "GroupId", "Name");

并在视野中

@Html.DropDownListFor(model => model.GroupId, (SelectList)ViewBag.selectGroupList)

结果:

在此处输入图片说明

任何比这更好的方法将不胜感激

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用AJAX直接发送html5文本区域而无需html <form>

来自分类Dev

使用AJAX直接发送html5文本区域而无需html <form>

来自分类Dev

使用@ Html.DropDownListFor中的选定值

来自分类Dev

HTML画布使用javascript旋转文本而无需移动背景图像

来自分类Dev

绑定值并使用AngularJS打印外部HTML,而无需加载到浏览器中

来自分类Dev

将文本移到选项卡底部,而无需更改HTML

来自分类Dev

如何从RMarkdown渲染HTML而无需在输出中使用javascript

来自分类Dev

使用JQuery添加动态HTML而无需进行硬编码?

来自分类Dev

使用JS从选择和文本输入中捕获值,然后将输出返回到HTML

来自分类Dev

使用带有值和文本的javascript在HTML中进行依赖下拉

来自分类Dev

如何从html和文本中使用jspdf创建pdf?

来自分类Dev

无法使用 css/html 并排放置图像和文本

来自分类Dev

如何使用ASP.Net Core @ Html.DropDownListFor指定默认选项?

来自分类Dev

使用CSS在表中设置列宽,而无需使用<col>或更改HTML

来自分类Dev

在HTML中隐藏所有按钮,而无需使用纯Javascript使用ID和Class

来自分类Dev

如何使用C#中的编码UI测试批量设置表单字段值,而无需提前知道HTML标记类型

来自分类Dev

如何使用C#中的编码UI测试批量设置表单字段值,而无需提前知道HTML标记类型

来自分类Dev

将CSS文件加载到head部分或HTML部分中,而无需使用Javascript

来自分类Dev

使用Javascript更新HTML div,而无需刷新页面

来自分类Dev

使用css向h3元素添加样式,而无需修改html

来自分类Dev

如何使用PHP和AJAX在HTML中返回JSON而无需重定向?

来自分类Dev

HTML5:使整个表格行都可点击,而无需使用javascript

来自分类Dev

使用Javascript更新HTML div,而无需刷新页面

来自分类Dev

使用 C# 代码在 html 页面中获取登录用户,而无需在 VS 中打开?

来自分类Dev

使用Bootstrap或CSS在同一行上显示HTML文本框和文本

来自分类Dev

HTML选择-在HTML中显示值属性,但保留选项文本

来自分类Dev

HTML选择-在HTML中显示值属性,但保留选项文本

来自分类Dev

使用React使用canvas html5的清晰方法而无需始终渲染所有canvas形状

来自分类Dev

Laravel 5.1:如何在不使用视图的情况下传递HTML正文和文本正文?

Related 相关文章

  1. 1

    使用AJAX直接发送html5文本区域而无需html <form>

  2. 2

    使用AJAX直接发送html5文本区域而无需html <form>

  3. 3

    使用@ Html.DropDownListFor中的选定值

  4. 4

    HTML画布使用javascript旋转文本而无需移动背景图像

  5. 5

    绑定值并使用AngularJS打印外部HTML,而无需加载到浏览器中

  6. 6

    将文本移到选项卡底部,而无需更改HTML

  7. 7

    如何从RMarkdown渲染HTML而无需在输出中使用javascript

  8. 8

    使用JQuery添加动态HTML而无需进行硬编码?

  9. 9

    使用JS从选择和文本输入中捕获值,然后将输出返回到HTML

  10. 10

    使用带有值和文本的javascript在HTML中进行依赖下拉

  11. 11

    如何从html和文本中使用jspdf创建pdf?

  12. 12

    无法使用 css/html 并排放置图像和文本

  13. 13

    如何使用ASP.Net Core @ Html.DropDownListFor指定默认选项?

  14. 14

    使用CSS在表中设置列宽,而无需使用<col>或更改HTML

  15. 15

    在HTML中隐藏所有按钮,而无需使用纯Javascript使用ID和Class

  16. 16

    如何使用C#中的编码UI测试批量设置表单字段值,而无需提前知道HTML标记类型

  17. 17

    如何使用C#中的编码UI测试批量设置表单字段值,而无需提前知道HTML标记类型

  18. 18

    将CSS文件加载到head部分或HTML部分中,而无需使用Javascript

  19. 19

    使用Javascript更新HTML div,而无需刷新页面

  20. 20

    使用css向h3元素添加样式,而无需修改html

  21. 21

    如何使用PHP和AJAX在HTML中返回JSON而无需重定向?

  22. 22

    HTML5:使整个表格行都可点击,而无需使用javascript

  23. 23

    使用Javascript更新HTML div,而无需刷新页面

  24. 24

    使用 C# 代码在 html 页面中获取登录用户,而无需在 VS 中打开?

  25. 25

    使用Bootstrap或CSS在同一行上显示HTML文本框和文本

  26. 26

    HTML选择-在HTML中显示值属性,但保留选项文本

  27. 27

    HTML选择-在HTML中显示值属性,但保留选项文本

  28. 28

    使用React使用canvas html5的清晰方法而无需始终渲染所有canvas形状

  29. 29

    Laravel 5.1:如何在不使用视图的情况下传递HTML正文和文本正文?

热门标签

归档