2 回答
TA贡献1820条经验 获得超9个赞
在模型-视图-控制器 (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);
}
您可能希望查看此文档以获取有关控制器操作的信息。
其次,该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为每个字符串生成一个元素。
如果需要将多个数据模型传递到视图中,可以使用ViewBag或ViewData对象。只需像这样添加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>
TA贡献1836条经验 获得超5个赞
你有两个选择。
选项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
直接从 razor 页面检索和访问数据。
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>
- 2 回答
- 0 关注
- 116 浏览
添加回答
举报