ASP.NETMVC中通过类别下拉列表搜索
创始人
2024-09-19 10:00:39
0次
- 首先，在Model中定义类别属性及对应的搜索方法：
public class Product {
public int Id { get; set; }
public string Name { get; set; }
public string Category { get; set; }
public decimal Price { get; set; }
}
public class ProductSearchRepository {
private List products = new List {
new Product { Id = 1, Name = "iPhone", Category = "Electronics", Price = 999.00m },
new Product { Id = 2, Name = "Samsung TV", Category = "Electronics", Price = 799.00m },
new Product { Id = 3, Name = "Nike Shoes", Category = "Clothing", Price = 69.99m },
new Product { Id = 4, Name = "Levis Jeans", Category = "Clothing", Price = 59.99m },
};
public IEnumerable GetCategories() {
return products.Select(p => p.Category).Distinct().OrderBy(c => c);
}
public IEnumerable SearchByCategory(string category) {
return products.Where(p => p.Category == category).OrderBy(p => p.Name);
}
}
- 在Controller中创建类别下拉列表：
public class ProductsController : Controller {
private ProductSearchRepository repository = new ProductSearchRepository();
public ActionResult Index(string category) {
ViewBag.Category = new SelectList(repository.GetCategories());
var products = string.IsNullOrEmpty(category) ? new List() : repository.SearchByCategory(category);
return View(products);
}
}
- 在View中添加类别下拉列表：
@model IEnumerable
@using (Html.BeginForm()) {
@Html.Label("Category:")
@Html.DropDownList("category", (IEnumerable) ViewBag.Category, "All Categories", new { onchange = "this.form.submit();" })
}
Name
Category
Price
@foreach (var product in Model) {
@product.Name
相关内容
热门资讯
安装Pillow时遇到了问题：...
遇到这个问题，可能是因为缺少libwebpmux3软件包。解决方法是手动安装libwebpmux3软...
安装React Native时...
当安装React Native时出现构建错误的情况，可以尝试以下解决方法：确保已经安装了最新版本的C...
安装Python库"...
安装Python库"firedrake"的解决方法如下：打开终端或命令提示符（Windows系统）。...
安装Rails时构建webso...
在安装Rails时，如果构建websocket-driver时发生错误，可以尝试以下解决方法：更新系...
安装react-native-...
要安装react-native-onesignal并在应用关闭时仍能接收通知，可以按照以下步骤进行：...
按转换模式过滤日志【%t】。
要按照转换模式过滤日志，可以使用正则表达式来实现。下面是一个示例代码，使用Java语言的Patter...
Apache Nifi在Kub...
Apache Nifi可以在Kubernetes上运行，并且已经准备好用于生产环境。下面是一个使用H...
安装ug未能链接到许可证服务器
安装UG未能链接到许可证服务器是UG用户在安装软件时常遇到的问题之一。该问题的解决方法需要技术向的知...
安装React-Scripts...
这是因为React-Scripts使用Facebook工具包中的一些脚本。 joinAdIntere...
安装React Native时...
安装React Native时可能会出现各种错误，下面是一些常见错误和解决方法的代码示例：Error...