Question

我想根据我的后端数据设置“已选择”选项。以下是我的代码示例...

<select id="listName" name="listName">
    <option>Select Name</option>
        @foreach (var item in ViewBag.NameList as Dictionary<string, string>)
        {                
            //worked in MVC2, not with razor
            <option value= '@item.Key' @if (TempData["name"].ToString() == item.Key) { selected = "&quot;selected&quot;"); }>@item.Value - @item.Key</option> 

            string nameSelect = TempData["name"].ToString() == item.Key ? "selected" : "";
            <option value= '@item.Key' selected= '@nameSelect'>@item.Value - @item.Key</option>                           
        }
</select>

有更好的方法吗？

Answer 1

有更好的方法吗？

哦，天哪，是的。当然使用视图模型。所以让我们定义一个视图模型：

public class MyViewModel
{
    public string SelectedValue { get; set; }
    public IEnumerable<SelectListItem> Values { get; set; }
}

然后是一个控制器操作，它将从您的数据源填充此视图模型：

public ActionResult SomeAction()
{
    var model = new MyViewModel();

    // preselect an item with Value=2
    model.SelectedValue = "2"; 

    // this could of course come from a database or something
    model.Values = new[]
    {
        new SelectListItem { Value = "1", Text = "item 1" },
        new SelectListItem { Value = "2", Text = "item 2" },
        new SelectListItem { Value = "3", Text = "item 3" },
    };

    return View(model);
}

最后是一个相应的强类型视图：

@model MyViewModel
....


@Html.DropDownListFor(x => x.SelectedValue, Model.Values, "Select")

既然你在问题中展示了一些词典，我们可以假设你已经有了这本词典。在您的示例中，您已将其填充到ViewBag中（这是错误的）但您可以将其绑定到视图模型：

public ActionResult SomeAction()
{
    Dictionary<string, string> values = ......

    var model = new MyViewModel();
    model.SelectedValue = (string)TempData["name"]; 
    model.Values = values.Select(x => new SelectListItem
    {
        Value = x.Key,
        Text = string.Format("{0} {1}", x.Key, x.Value)
    });

    return View(model);
}

这是ASP.NET MVC：强类型，视图模型，没有ViewBag。

Answer 2

除了@Html.DropDownListFor，您可以这样编码：

<option value= '@item.Key' @(TempData["name"].ToString() == item.Key ? "selected" : "")>@item.Value - @item.Key</option>

顺便说一句，我不喜欢@ Html.DropDownListFor ..

如何在cshtml（razor）上设置属性？

2 个答案: