通过控制器动作填充下拉列表

时间:2019-07-27 01:05:28

标签: c# asp.net-mvc razor asp.net-core-mvc html.dropdownlistfor

我必须从键等于显示值的facet_grid()中填充dropdown list。我开始提取值,我进行了各种测试以连接到List<string>,但是没有成功。给定提取值的代码:

View

其他人可以帮我吗?

2 个答案:

答案 0 :(得分:1)

在“模型-视图-控制器”(MVC)框架中,控制器的任务是将模型传递给视图。假设您的字符串列表items已正确填充,则控制器需要将其传递给视图。

首先,您需要区分动作和辅助方法。动作是控制器类中的公共方法。用户可以通过URL访问操作,因此在您的情况下,http://application_name/controller_name/PopulateDropDownList将是有效的URL,尽管这对用户没有意义。相反,您需要像这样将PopulateDropDownList变成辅助方法:

private async Task<IEnumerable<string>> GetDropdownOptionsList()
{
  List<string> items = ...;
  return items;
}

然后,通过URL操作(如

)调用帮助程序
public async Task<IActionResult> View()
{
  List<string> items = await GetDropdownListOptions();
  return View(items);
}

您可能希望查看this documentation以获得有关控制器动作的信息。

第二,View()方法构造视图并将其发送给用户,但是默认情况下,它不传递任何数据。您可以通过调用View(items)而不是View()将字符串列表传递到视图。然后,您的视图将如下所示:

@model IEnumerable<string>

<select>
  @foreach (string item in Model)
  {
    <option value="@item">@item</option>
  }
</select>

@model IEnumerable<string>指令指定该视图期望将字符串列表传递到该视图中。 @foreach (string item in Model)遍历列表中的每个字符串,并为每个字符串生成一个option元素。

如果需要将多个数据模型传递到视图中,则可以使用ViewBagViewData对象。只需将ViewBag.Items = items;添加到您的PopulateDropDownList方法中,如下所示:

private async void PopulateDropDownList()
{
  List<string> items = ...;
  ViewBag.Items = items;
}

然后您的视图将如下所示:

<select>
  @foreach (string item in (IEnumerable<string>)ViewBag.Items)
  {
    <option value="@item">@item</option>
  }
</select>

我希望这会有所帮助!

答案 1 :(得分:0)

您有两个选择。

选项1

从控制器检索数据并从剃须刀页面访问数据。

MyController.cs

public async Task<IActionResult> PopulateDropDownList()
{
    var items = await 
                DocumentDBRepository<CosmosDBTelemetry>.GetDeviceIds();
                List<string> deviceids = new List<string>();
    foreach(var item in items)
    {
     deviceids.Add(item.deviceId);
    }
    ViewData["deviceids"] = deviceids;

    return View();
}

MyViewPage.cshtml

<select>
        <option value="">Select an option</option>
      @foreach (string deviceid in ((List<string>)ViewData["deviceids"]))
      {
        <option value="@deviceid">@deviceid</option>
      }
    </select> 

选项2

直接从剃须刀页面检索和访问数据。

MyViewPage.cshtml

@Code
    var items =  DocumentDBRepository<CosmosDBTelemetry>.GetDeviceIds();
    List<string> deviceids = new List<string>();
    foreach(var item in items)
     {
     deviceids.Add(item.deviceId);
     }
End Code

<select>
    <option value="">Select an option</option>
  @foreach (string deviceid in deviceids)
  {
    <option value="@deviceid">@deviceid</option>
  }
</select>