我是非常新的asp.net核心。如何在asp.net核心中创建复选框列表?作为例子,列表显示课程,学生可以选择他们感兴趣的课程。在asp.net核心中的复选框列表
0
A
回答
-1
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem>Electronics</asp:ListItem>
<asp:ListItem>Electricals</asp:ListItem>
<asp:ListItem>Civil</asp:ListItem>
<asp:ListItem>Mechanical</asp:ListItem>
</asp:CheckBoxList>
+0
op意思是asp.net核心 –
0
下面是如何使用ASP.NET MVC和ASP.NET核心
型号复选框一个完整的例子:
public class Student
{
public Student()
{
Courses = new HashSet<Course>();
}
[Key]
public int Id { get; set; }
[Required]
[Display(Name = "Student Name")]
public string Name { get; set; }
public virtual ICollection<Course> Courses { get; set; }
}
public class Course
{
public Course()
{
Students = new HashSet<Student>();
}
[Key]
public int Id { get; set; }
[Required]
[Display(Name = "Course Name")]
public string Name { get; set; }
public virtual ICollection<Student> Students { get; set; }
}
控制器:
public class StudentsController : Controller
{
private readonly CheckBoxListDbConetxt _dbConetxt = new CheckBoxListDbConetxt();
[HttpGet]
public IActionResult CreateStudent()
{
ViewBag.AllCourses = _dbConetxt.Courses.ToList();
return View();
}
// POST: Students/Create
[HttpPost]
[ValidateAntiForgeryToken]
public IActionResult CreateStudent(Student student, List<int> selectedCourses)
{
if (ModelState.IsValid)
{
if (selectedCourses != null)
{
foreach (var item in selectedCourses)
{
Course course = _dbConetxt.Courses.Find(item);
student.Courses.Add(course);
}
}
_dbConetxt.Students.Add(student);
_dbConetxt.SaveChanges();
return RedirectToAction("Index");
}
ViewBag.AllCourses = _dbConetxt.Courses.ToList();
return View(student);
}
}
在View:
<div class="form-group">
<div class="col-md-2 input-label">
<label class="control-label">Course</label>
</div>
<div class="col-md-10 input-box">
<div class="form-control">
@{
var count = Enumerable.Count(ViewBag.AllCourses);
foreach (var item in ViewBag.AllCourses)
{
<input type="checkbox" name="selectedCourses" value="@item.Id" />
@item.Name
if (--count > 0)
{
@:|
}
}
}
</div>
0
为了让浏览器渲染你需要类型复选框的元素复选框:
<input id="checkBox" name="checkbox" type="checkbox">
要创建的复选框项目的清单,你只需渲染这些元素的多个。
Asp.net核心通过允许您使用剃刀语法表达循环来简化此操作。您可以将以下内容放入cshtml文件中以呈现例如10复选框项目:
@for (int i = 0; i < 10; i++)
{
<input type="checkbox" />
<br />
}
最后,您可以使用Asp.net标签助手来进一步简化所需html的创建。
该示例假定您有一个名为Student的模型,该模型具有属性IsEnrolled。
@model Student
@for (int i = 0; i < 10; i++)
{
<input asp-for="IsEnrolled" />
<br />
}
由于使用输入标签助手(asp-for),呈现给浏览器的html自动包含id和名称HTML属性。更重要的是,标签助手通过评估IsEnrolled属性的基础数据类型来自动设置type =复选框。
相关问题
- 1. 在.NET核心中实现复选框列表
- 2. asp.net复选框列表
- 3. ASP.Net MVC复选框列表
- 4. 复选框模式不绑定在ASP.NET MVC核心结合
- 5. ASP.net中的复选框列表MVC3
- 6. 显示在ASP.NET核心下拉列表
- 7. 聚合物核心标签和核心复选框动态
- 8. 剑道ASP.NET核心复选框名称前缀
- 9. 复选框列表中的C#asp.net复选框始终未选中
- 10. Asp.Net的mvc复选框列表
- 11. 在asp.net核心
- 12. 在Asp.net核心
- 13. 在Asp.net核心
- 14. Asp.Net核心(完整.Net框架)与Asp.Net核心(.Net核心)性能
- 15. 如何查找是否在asp.net中选中复选框列表
- 16. 在asp.net中的复选框列表中的滚动条
- 17. ASP.NET核心选项模式
- 18. 创建下拉列表asp.net核心
- 19. 在复选框列表中选中复选框
- 20. 获取asp.net中选中复选框值的列表mvc
- 21. ASP.NET MVC复选框列表验证
- 22. asp.net下拉列表与复选框
- 23. Asp.net复选框列表错误
- 24. ASP.NET MVC3 Drilldown复选框列表
- 25. Asp.Net MVC4显示复选框列表
- 26. ASP.NET MVC 3 - 多个复选框列表
- 27. 可以在复选框列表中下拉列表中的控件复选框?
- 28. Asp.NET核心自定义输入标签助手呈现重复复选框
- 29. 复选框列表在asp.net mvc的复合型
- 30. 在复选框列表控件中获取复选框的值
我建议您阅读关于asp.net核心的基本教程。您将使用哪种技术创建客户端? Asp.net mvc还是例如angular?你的问题没有足够具体 – Tester