欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

.net Core学习笔记3 编辑列表并绑定下拉列

程序员文章站 2022-04-04 13:14:15
本次主要实现列表的编辑及下拉列表的绑定 先看效果图: 主要用DropDownList绑定下拉列后端代码: 1:定义一个存下拉数据类 2:编辑的方法 前端代码: ......

本次主要实现列表的编辑及下拉列表的绑定

先看效果图:

.net Core学习笔记3  编辑列表并绑定下拉列

主要用DropDownList绑定下拉列后端代码:

1:定义一个存下拉数据类

  public class SelectItem
        {
            public string Text { get; set; }
            public string Value { get; set; }
        }

2:编辑的方法

   public async Task<IActionResult> Edit(int? id)
        {
            if (id == null)
            {
                return NotFound();
            }
            //商品类型
            var type = from t in _context.ProductType
                       select new SelectItem {Value=t.ID.ToString(),Text=t.TypeName};
            ViewBag.TypeList = new SelectList(type,"Value","Text");
            var product = await _context.Product.SingleOrDefaultAsync(m => m.ID == id);
            if (product == null)
            {
                return NotFound();
            }
            return View(product);
        }

前端代码:

            <div class="form-group">
                <label class="control-label">类型</label>
              @Html.DropDownListFor(o => o.TypeID, ViewBag.TypeList as IEnumerable<SelectListItem>, new { @class = "form-control"})
                <span asp-validation-for="TypeID" class="text-danger"></span>
            </div>
            <div class="form-group">