[英]How to use multi selection in ASP.NET MVC application?
已經兩天了,我試圖找出並學習如何在ASP.NET Core中構建多選下拉列表,該列表是從db上下文中獲得的,結果在構造函數中得到了進一步使用,因此我決定提出此問題。 我在任何地方都找不到如何使用已發布表格中的數據的方法,因此也許您可以為我提供幫助。 我相信我在控制器的POST操作中犯了一些錯誤。 我不確定如何將發布的數據發送到控制器中。
我在一個簡單的例子上嘗試各種組合。 現在最好的是:
ViewModel.cs:
public class ProductViewModel
{
public List<SelectListItem> Products { get; set; }
public int[] ProductIDs { get; set; }
}
Index.cshtml:
<!DOCTYPE html>
<html>
<head>
<title>Aplikacja</title>
<meta charset="utf-8">
<link rel="stylesheet" href="~/dist/allstyles.css" />
</head>
<body>
<form asp-action="Index" method="post">
<input type="hidden" asp-for="Products" />
<div class="form-group">
<label asp-for="Products">Produkty</label>
<select asp-for="ProductIDs" class="form-control" asp-items="ViewBag.Lista"></select>
</div>
<div class="text-center">
<button class="btn btn-primary" type="submit">Save</button>
<a asp-action="Index" class="btn btn-secondary">Cancel</a>
</div>
</form>
//ViewBag tests from controller
@ViewBag.Message //test1, returns 0
@ViewBag.Message2 //test2, returns 0
</body>
</html>
Controller.cs
public class ProductController : Controller
{
private readonly ApplicationDbContext _context; //database context
public ProductController(ApplicationDbContext context)
{
_context = context; //context for controller
}
//GET
public ActionResult Index()
{
ProductViewModel productVM = new ProductViewModel(); //viewmodel instance
PopulateProducts(); //populating dropdown
return View(productVM); //returning viewmodel
}
//POST (I belive that here I have screwed something a lot, I do not understand everything what is going on in this action)
[HttpPost]
public ActionResult Index(ProductViewModel productVM)
{
PopulateProducts();
if (productVM.ProductIDs !=null)
{
List<SelectListItem> selectedItems = productVM.Products.Where(p => productVM.ProductIDs.Contains(int.Parse(p.Value))).ToList();
ViewBag.Message = selectedItems.Count.ToString(); //returns 0
ViewBag.Message2 = productVM.Products.Count.ToString();//returns 0
}
return View(productVM);
}
private void PopulateProducts() //method populating dropdown list
{
var techQuery = from t in _context.Products //getting products context from database
orderby t.Name //sorting by names
select t; //selecting item (??)
if (techQuery != null) //if db context var is not null...
{
ViewBag.Lista = techQuery.Select(n => new SelectListItem { Text = n.Name, Value = n.ProductID.ToString() }); //...creating viewbag that is used for populating dropdown list in view
}
}
}
對於selectedItems
,我認為您需要從ViewBag.Lista
而不是productVM.Products
檢索。 從View
向Controller
發布Form
, ProductViewModel.Products
始終為null。
我建議您使用ViewBag.Lista
在下面嘗試解決方法。
public ActionResult ProductSelect(ProductViewModel productVM)
{
PopulateProducts();
if (productVM.ProductIDs != null)
{
List<SelectListItem> selectedItems = ((IEnumerable<SelectListItem>)ViewBag.Lista)
.Where(p => productVM.ProductIDs.Contains(int.Parse(p.Value))).ToList();
ViewBag.Message = selectedItems.Count.ToString(); //returns 0
ViewBag.Message2 = ((IEnumerable<SelectListItem>)ViewBag.Lista).Count().ToString();//returns 0
}
return View(productVM);
}
解決方案非常簡單,而且您快到了。 我將建議一些更改。 在ViewModel.cs中,最好通過構造函數填充list屬性。 它避免了Null引用異常,並易於使用該對象。
public ProductViewModel()
{
Products=new List<SelectListItem>();
}
public List<SelectListItem> Products { get; set; }
public int[] ProductIDs { get; set; }
在controller.cs中,我將進行更改以返回PopulateProducts以返回SelectList列表,而不是填充視圖包。 注意:請關閉數據庫連接,因為最終將耗盡連接池。
public class ProductController : Controller
{
private readonly ApplicationDbContext _context; //database context
public ProductController(ApplicationDbContext context)
{
_context = context; //context for controller
}
//GET
public ActionResult Index()
{
ProductViewModel productVM = new ProductViewModel(); //viewmodel instance
productVM.Products=PopulateProducts(); //populating dropdown
return View(productVM); //returning viewmodel
}
//POST (I belive that here I have screwed something a lot, I do not understand everything what is going on in this action)
[HttpPost]
public ActionResult Index(ProductViewModel productVM)
{
productVM.Products= PopulateProducts();
if (productVM.ProductIDs != null)
{
List<SelectListItem> selectedItems = productVM.Products.Where(p => productVM.ProductIDs.Contains(int.Parse(p.Value))).ToList();
ViewBag.Message = selectedItems.Count.ToString(); //returns 0
ViewBag.Message2 = productVM.Products.Count.ToString();//returns 0
}
return View(productVM);
}
private List<SelectListItem> PopulateProducts() //method populating dropdown list
{
var techQuery = from t in _context.Products //getting products context from database
orderby t.Name //sorting by names
select t; //selecting item (??)
if (techQuery != null) //if db context var is not null...
{
return techQuery.Select(n => new SelectListItem { Text = n.Name, Value = n.ProductID.ToString() }).ToList(); //...creating viewbag that is used for populating dropdown list in view
}
return null;
}
}
最后,在index.cshtml中,您需要指定用於查看的模型,並在@ Model.Products中填充產品ID。
@model ProductViewModel
<form asp-action="Index">
<div class="form-group">
<label asp-for="Products">Products</label>
<select asp-for="ProductIDs" class="form-control" asp-items="@Model.Products"></select>
</div>
<div class="text-center">
<button class="btn btn-primary" type="submit">Save</button>
<a asp-action="Index" class="btn btn-secondary">Cancel</a>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.