当前位置： 移动技术网 > IT编程>开发语言>.net > .net Core学习笔记3 编辑列表并绑定下拉列

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

2018年01月23日  | 移动技术网IT编程  | 我要评论

卢晓鸿,沙皮狗,kiss姐姐第二季

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

先看效果图：

主要用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">

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网