第一步:新建一个格式化下拉列表的公共类文件

using System;
using System.Collections;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Reflection;
using System.Text;
using System.Threading.Tasks;
using System.Web.Mvc; namespace GmkGM.Infrastructure
{
public class Common
{
/// <summary>
/// 获取下拉列表(有层级结构)
/// </summary>
/// <param name="Id"></param>
/// <returns></returns>
public static IList<SelectListItem> GetDropdownList(IList listInfo,int? Id,string name)
{
DataTable ds = Common.ToDataSet(listInfo).Tables[]; if (null != ds && ds.Rows.Count > )
{
//添加一列
ds.Columns.Add("Level", typeof(int));
// 克隆dt 的结构,包括所有 dt 架构和约束,并无数据
DataTable newDT = ds.Clone();
DataTable catelist = Common.GetTreeList(ds, newDT, , );
if (catelist.Rows.Count > )
{
IList<SelectListItem> list = new List<SelectListItem>();
foreach (DataRow row in catelist.Rows)
{
SelectListItem item = new SelectListItem();
item.Value = Convert.ToString(row["ID"]);
string pri = "----";
var rt = row["Level"];
item.Text = row[name] == DBNull.Value ? string.Empty : Common.StringRepeat(pri, Convert.ToInt32(row["Level"]) + ) + Convert.ToString(row[name]); if (Id == Convert.ToInt32(item.Value))
{
item.Selected = true;
} list.Add(item);
}
SelectListItem first = new SelectListItem();
first.Text = "--父类--";
first.Value = "";
list.Insert(, first);
return list;
}
}
return null;
}
//无层级结构
public static IList<SelectListItem> GetDropdownList2(IList listInfo, int? Id, string name)
{
if (listInfo.Count > )
{
DataTable ds = Common.ToDataSet(listInfo).Tables[]; if (null != ds && ds.Rows.Count > )
{
IList<SelectListItem> list = new List<SelectListItem>();
foreach (DataRow row in ds.Rows)
{
SelectListItem item = new SelectListItem();
item.Value = Convert.ToString(row["ID"]);
item.Text = row[name] == DBNull.Value ? string.Empty : Convert.ToString(row[name]); if (Id == Convert.ToInt32(item.Value))
{
item.Selected = true;
} list.Add(item);
}
SelectListItem first = new SelectListItem();
first.Text = "--父类--";
first.Value = "";
list.Insert(, first);
return list;
}
return null;
}
return null;
}
/// <summary>
/// 生成树形结构
/// </summary>
/// <param name="dt">数据源表</param>
/// <param name="newDT">返回的结果表</param>
/// <param name="Pid">父类ID值</param>
/// <param name="level">层级</param>
/// <returns></returns>
public static DataTable GetTreeList(DataTable dt, DataTable newDT, int Pid, int level = )
{
for (int i = ; i < dt.Rows.Count; i++)
{
if (Convert.ToInt32(dt.Rows[i]["Pid"]) == Pid)
{
//用来标记这个分类是第几级的
dt.Rows[i]["Level"] = level;
newDT.Rows.Add(dt.Rows[i].ItemArray);
//找子分类
DataTable innerDT = GetTreeList(dt, newDT, Convert.ToInt32(dt.Rows[i]["Id"]), level + );
}
}
return newDT;
} /// <param name="str">字符串</param>
/// <param name="n">重复次数</param>
public static string StringRepeat(string str, int n)
{
if (String.IsNullOrEmpty(str) || n <= )
return str;
StringBuilder sb = new StringBuilder();
while (n > )
{
sb.Append(str);
n--;
}
return sb.ToString();
}
// list转换为DataSet
public static DataSet ToDataSet(IList p_List)
{
DataSet result = new DataSet();
DataTable _DataTable = new DataTable();
if (p_List.Count > )
{
PropertyInfo[] propertys = p_List[].GetType().GetProperties();
foreach (PropertyInfo pi in propertys)
{
_DataTable.Columns.Add(pi.Name, pi.PropertyType);
} for (int i = ; i < p_List.Count; i++)
{
ArrayList tempList = new ArrayList();
foreach (PropertyInfo pi in propertys)
{
object obj = pi.GetValue(p_List[i], null);
tempList.Add(obj);
}
object[] array = tempList.ToArray();
_DataTable.LoadDataRow(array, true);
}
}
result.Tables.Add(_DataTable);
return result;
}
/// <summary>
/// 找出一个分类所有子分类的ID
/// </summary>
/// <param name="catId"></param>
///
/// <returns></returns>
public static DataTable GetChildren(DataTable dt, int catId)
{
//定义一个表存放保存找到的子分类的id
DataTable newDT = new DataTable();
//添加一列
newDT.Columns.Add("CID", typeof(int));
if (dt != null && dt.Rows.Count > )
{
//循环所有的分类找子类
for (int i = ; i < dt.Rows.Count; i++)
{
if (Convert.ToInt32(dt.Rows[i]["PID"]) == catId)
{
newDT.Rows.Add((Object)dt.Rows[i]["Id"]);
//再找这个$v的子分类
GetChildren(dt, Convert.ToInt32(dt.Rows[i]["Id"]));
}
}
}
return newDT;
}
}
}

第二步:服务层调用

        public IList List2()
{
return db.Whse_Stock_List().ToList();
} public IList<SelectListItem> GetProductDropdownList(int? Id)
{
return Common.GetDropdownList2(List2(), Id, "ProductName");
} public IList List()
{
return db.Whse_Location_List().ToList();
} public IList<SelectListItem> GetLocationDropdownList(int? Id)
{
return Common.GetDropdownList(List(), Id,"Code");
}

第三步:控制器调用

        // GET: Inventory/Create
public ActionResult Create()
{
#region 产品下拉列表
ViewBag.ProductTypes = new InventoryService().GetProductDropdownList(null);
#endregion #region 仓库位置下拉列表
ViewBag.LocationTypes = new InventoryService().GetLocationDropdownList(null);
#endregion return View();
}
[ValidateAntiForgeryToken]
[HttpPost]
public ActionResult Create(Inventory model)
{
try
{
#region 产品下拉列表
ViewBag.ProductTypes = new InventoryService().GetProductDropdownList(model.StockID);
#endregion #region 仓库位置下拉列表
ViewBag.LocationTypes = new InventoryService().GetLocationDropdownList(model.LocationID);
#endregion //验证模型是否有效
if (ModelState.IsValid)
{
bool res = new InventoryService().Insert(model);
if (!res)
{
TempData[LastMessageInfoKey.LastErrorMessageTempDataKey] = "创建失败!";
return View(model);
}
TempData[LastMessageInfoKey.LastSuccessMessageTempDataKey] = "创建成功!";
return RedirectToAction("Index");
}
else
{
return View(model);
}
}
catch (Exception ex)
{
TempData[LastMessageInfoKey.LastErrorMessageTempDataKey] = ex.Message;
return View(model);
}
}
// GET: Inventory/Edit/5
public ActionResult Edit(int StockID, int LocationID)
{
InventoryModel Inventory = service.Get(StockID,LocationID); #region 产品下拉列表
ViewBag.ProductTypes = new InventoryService().GetProductDropdownList(StockID);
#endregion #region 仓库位置下拉列表
ViewBag.LocationTypes = new InventoryService().GetLocationDropdownList(LocationID);
#endregion return View(Inventory);
} [ValidateAntiForgeryToken]
[HttpPost]
public ActionResult Edit(Inventory model)
{
try
{
#region 产品下拉列表
ViewBag.ProductTypes = new InventoryService().GetProductDropdownList(model.StockID);
#endregion #region 仓库位置下拉列表
ViewBag.LocationTypes = new InventoryService().GetLocationDropdownList(model.LocationID);
#endregion //验证模型是否有效
if (ModelState.IsValid)
{
bool res = service.Update(model);
if (!res)
{
TempData[LastMessageInfoKey.LastErrorMessageTempDataKey] = "编辑失败!";
return View(model);
}
TempData[LastMessageInfoKey.LastSuccessMessageTempDataKey] = "编辑成功!";
return RedirectToAction("Index");
}
else
{
return View(model);
}
}
catch (Exception ex)
{
TempData[LastMessageInfoKey.LastErrorMessageTempDataKey] = ex.Message;
return View(model);
}
}

第四步:前端页面调用

@model GmkGM.Whse.Model.Inventory
@{
ViewBag.Title = "Create";
} @section styles{
@Styles.Render("~/bundles/form/css")
} @section scripts{
@Scripts.Render("~/bundles/form/js")
} @using (Html.BeginForm(null, null, FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken() <div class="row">
<div class="col-xs-12">
<fieldset>
@Html.LabelFor(model => model.StockID)(必填)
@if (ViewBag.ProductTypes != null)
{
@Html.DropDownList("StockID", ViewBag.ProductTypes as IEnumerable<SelectListItem>, new { @class = "form-control" })
}
else
{
<select id="StockID" name="StockID" class="form-control"></select>
}
</fieldset>
<fieldset>
@Html.LabelFor(model => model.LocationID)(必填)
@if (ViewBag.LocationTypes != null)
{
@Html.DropDownList("LocationID", ViewBag.LocationTypes as IEnumerable<SelectListItem>, new { @class = "form-control" })
}
else
{
<select id="LocationID" name="LocationID" class="form-control"></select>
}
</fieldset> <fieldset>
@Html.LabelFor(model => model.Balance)(必填)
@Html.EditorFor(model => model.Balance, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Balance, "", new { @Style = "color:red" })
</fieldset>
</div>
</div>
<div class="form-actions center">
<button class="btn btn-sm btn-success" type="submit">
提交
<i class="ace-icon fa fa-arrow-right icon-on-right bigger-110"></i>
</button> <a class="btn btn-sm btn-warning" href="@Url.Action("Index")">
返回
<i class="ace-icon fa fa-undo bigger-110"></i>
</a>
</div>
}

asp.net mvc 下拉列表的更多相关文章

  1. ASP.NET MVC 下拉列表使用小结

    ASP.NET MVC中下拉列表的用法很简单,也很方便,具体来说,主要是页面上支持两种Html帮助类的方法:DropDownList()和DropDownListFor().这篇博文主要作为个人的一个 ...

  2. ASP.NET MVC 下拉列表实现

    https://blog.csdn.net/Ryan_laojiang/article/details/75349555?locationNum=10&fps=1 前言 我们今天开始好好讲讲关 ...

  3. ASP.NET MVC下使用AngularJs语言(六):获取下拉列表的value和Text

    前面Insus.NET有在Angularjs实现DropDownList的下拉列表的功能.但是没有实现怎样获取下拉列表的value和text功能. 下面分别使用ng-click和ng-change来实 ...

  4. ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库

    在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...

  5. ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第一章:创建基本的MVC Web站点

    在这一章中,我们将学习如何使用基架快速搭建和运行一个简单的Microsoft ASP.NET MVC Web站点.在我们马上投入学习和编码之前,我们首先了解一些有关ASP.NET MVC和Entity ...

  6. 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 3

    原文地址:http://ddmvc4.codeplex.com/ 原文名称:Design and Develop a website using ASP.NET MVC 4, EF, Knockout ...

  7. ASP.NET MVC 5 05 - 视图

    PS: 唉,这篇随笔国庆(2015年)放假前几天开始的,放完假回来正好又赶上年底,公司各种破事儿. 这尼玛都写跨年了都,真服了.(=_=#) 好几次不想写了都. 可是又不想浪费这么多,狠不下心删除.没 ...

  8. ASP.NET MVC 初体验

    MVC系列文章终于开始了,前段时间公司项目结束后一直在封装一个html+ashx+js+easyui的权限系统,最近差不多也完成了,迟些时候会分享源码给大家.当然这个MVC系列结束后如果时间允许还会另 ...

  9. 【第四篇】ASP.NET MVC快速入门之完整示例(MVC5+EF6)

    目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...

随机推荐

  1. scala(一)Nothing、Null、Unit、None 、null 、Nil理解

    相对于java的类型系统,scala无疑要复杂的多!也正是这复杂多变的类型系统才让OOP和FP完美的融合在了一起! Nothing: 如果直接在scala-library中搜索Nothing的话是找不 ...

  2. mysql 查询各数据库的占用大小

    select TABLE_SCHEMA, concat(truncate(sum(data_length)/1024/1024,2),' MB') as data_size, concat(trunc ...

  3. 去除url后缀(.html,.jsp等)的有效方法

    有时候,我们想要隐藏真正的路径,或者觉着很酷,举一个知乎网的例子,如https://www.zhihu.com/question/39547745 那么?如何做到呢,其实,可以有一个非常简单而有效的解 ...

  4. redux中间件的原理——从懵逼到恍然大悟

    前言react已经出来很久了,其生态圈之庞大,一锅炖不下!各种react-xx,已让我们不堪重负,github上随便一个demo,引入的模块至少都是五指之数+.看着头疼,嚼之无味…….在此建议新学者, ...

  5. 我的第一个python web开发框架(17)——产品管理

    这是后台管理系统最后一个功能,产品管理,它的接口与页面功能与上一章差不多. 获取产品列表接口 @get('/api/product/') def callback(): ""&qu ...

  6. 开始你的第一个npm脚本工具

    在实际开发中,一般刚开始一个项目或者刚接手一个项目,我们会运行 npm install 下载安装所有依赖, 在实际开发中,可能也会使用各种命令行-- 来提高我们开发的效率. 与它相处了这么久,你真的了 ...

  7. UITextField的使用小技巧

    [tf setValue:[UIColor redColor] forKeyPath:@"_placeholderLabel.textColor"];//修改placeHolder ...

  8. openstack pike 集群高可用 安装 部署 目录汇总

    # openstack pike 集群高可用 安装部署#安装环境 centos 7 史上最详细的openstack pike版 部署文档欢迎经验分享,欢迎笔记分享欢迎留言,或加QQ群663105353 ...

  9. nginx利用反向代理调试后台接口

    1.location 支持配置项目的绝对路径 2.假设我们的后台API地址是以API开头,location ^~ /api/ 代表nginx将会拦截请求地址中包含"/api/"字样 ...

  10. Express4.x API (二):Request (译)

    写在前面 最近学习express想要系统的过一遍API,www.expressjs.com是express英文官网(进入www.epxressjs.com.cn发现也是只有前几句话是中文呀~~),所以 ...