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

2018-06-24 00:06:43来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

先看效果图:

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:[编程] TCP协议概述

下一篇:MVC初级教程(三)