MVC前台界面调用方式如下:

 @Html.AreaDropDownList("areaCode", areaCode, , string.Empty)

参数说明:

第一个参数控件的名称;
 第二个参数选中的地区编码;
 第三个参数地区层级;
 第四个参数根级地区;

地区数据库表设计如下:

下拉列表的扩展:

   #region 下拉列表

         /// <summary>
/// 联动下拉列表
/// </summary>
/// <param name="htmlHelper">被扩展的HtmlHelper实例</param>
/// <param name="expression">获取数据集合</param>
/// <param name="level">显示多少级</param>
/// <param name="defaultValue">TProperty类型的默认值(如string默认值为"")</param>
/// <param name="rootItems">获取根级列表数据</param>
/// <param name="getParentID">获取列表项的ParentID方法</param>
/// <param name="getChildItems">获取子级列表数据集合方法</param>
/// <param name="getChildSelectDataUrl">获取子级列表数据的远程地址</param>
/// <returns>html代码</returns>
public static MvcHtmlString LinkageDropDownListFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, TProperty defaultValue, int level, Dictionary<TProperty, string> rootItems,Func<TProperty, TProperty> getParentID, Func<TProperty, Dictionary<TProperty, string>> getChildItems,string getChildSelectDataUrl,string optionLabel = "请选择")
{
ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); return LinkageDropDownList(htmlHelper, ExpressionHelper.GetExpressionText(expression), (TProperty)metadata.Model, defaultValue, level, rootItems, getParentID,getChildItems,getChildSelectDataUrl,optionLabel);
} /// <summary>
/// 联动下拉列表
/// </summary>
/// <param name="htmlHelper">被扩展的HtmlHelper实例</param>
/// <param name="level">显示多少级</param>
/// <param name="defaultValue">TProperty类型的默认值(如string默认值为"")</param>
/// <param name="name">下拉列表表单项名</param>
/// <param name="selectedValue">当前选中值</param>
/// <param name="rootItems">获取根级列表数据</param>
/// <param name="getParentId">获取列表项的ParentID方法</param>
/// <param name="getChildItems">获取子级列表数据集合方法</param>
/// <param name="getChildSelectDataUrl">获取子级列表数据的远程地址</param>
/// <returns>html代码</returns>
public static MvcHtmlString LinkageDropDownList<TProperty>(this HtmlHelper htmlHelper, string name, TProperty selectedValue,TProperty defaultValue, int level, Dictionary<TProperty, string> rootItems, Func<TProperty, TProperty> getParentId, Func<TProperty, Dictionary<TProperty, string>> getChildItems, string getChildSelectDataUrl, string optionLabel = "请选择")
{
string fullName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name);
//select data init
Stack<Dictionary<TProperty, string>> stack = new Stack<Dictionary<TProperty, string>>(); //如果有选中的值,则查找其所在列表前面的所有列表
IList<TProperty> selectedValues = new List<TProperty>();
if (selectedValue != null && !selectedValue.Equals(defaultValue))
{
TProperty itemId = selectedValue;
TProperty parentItemId = getParentId(itemId);
while (!itemId.Equals(defaultValue) && !parentItemId.Equals(defaultValue))
{
stack.Push(getChildItems(parentItemId));
selectedValues.Add(itemId);
itemId = parentItemId;
parentItemId = getParentId(itemId);
}
if (rootItems.Count() > )
{
TProperty rootId = getParentId(rootItems.First().Key);
if (!itemId.Equals(rootId))
{
stack.Push(rootItems);
selectedValues.Add(itemId);
}
}
}
else
{
TProperty rootItemID = rootItems.Select(n => n.Key).FirstOrDefault();
stack.Push(rootItems);
} //生成标签
TagBuilder containerBuilder = new TagBuilder("span");
containerBuilder.MergeAttribute("plugin", "linkageDropDownList");
var data = new Dictionary<string, object>();
data.TryAdd("GetChildSelectDataUrl", getChildSelectDataUrl);
data.TryAdd("ControlName", name);
data.TryAdd("Level", level);
data.TryAdd("OptionLabel", optionLabel);
data.TryAdd("DefaultValue", defaultValue.ToString());
containerBuilder.MergeAttribute("data", Json.Encode(data));
int currentIndex = ;
while (stack.Count > )
{
Dictionary<TProperty, string> dictionary = stack.Pop();
IEnumerable<SelectListItem> selectList = dictionary.Select(n => new SelectListItem() { Selected = selectedValues.Contains(n.Key), Text = n.Value, Value = n.Key.ToString() });
containerBuilder.InnerHtml += "\r\n" + htmlHelper.DropDownList(string.Format("{0}_{1}", name, currentIndex), selectList,
optionLabel, new { @class = "tn-dropdownlist" });
currentIndex++;
}
containerBuilder.InnerHtml += "\r\n" + htmlHelper.Hidden(name);
return MvcHtmlString.Create(containerBuilder.ToString());
} #endregion

对外的调用的实现:

         /// <summary>
/// 地区下拉列表
/// </summary>
/// <param name="htmlHelper">被扩展的htmlHelper实例</param>
/// <param name="expression">选择实体中类别属性的lamda表达式</param>
/// <param name="areaLevel">地区层级(默认取站点地区配置)</param>
/// <param name="rootAreaCode">根级地区(默认取站点地区配置)</param>
public static MvcHtmlString AreaDropDownListFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, string>> expression, int? areaLevel = null, string rootAreaCode = null)
{
string getChildAreasUrl = "/Channel/GetChildAreas";//获取子地区的远程地址,(AreaCode,name)的JSON数据
if (areaLevel == null)
{
areaLevel = ;//区域设置级别,可以作为配置文件获取
}
return htmlHelper.LinkageDropDownListFor<TModel, string>(expression, string.Empty, areaLevel.Value, 获取根级区域的(AreaCode,name)键值对,获取当前选中区域的父区域, 获取当前的子区域, getChildAreasUrl);
} /// <summary>
/// 地区下拉列表
/// </summary>
/// <param name="htmlHelper">被扩展的htmlHelper实例</param>
/// <param name="name">控件name属性</param>
/// <param name="name">选中的地区编码</param>
/// <param name="areaLevel">地区层级(默认取站点配置)</param>
/// <param name="rootAreaCode">根级地区(默认取站点地区配置)</param>
public static MvcHtmlString AreaDropDownList(this HtmlHelper htmlHelper, string name, string value, int? areaLevel = null, string rootAreaCode = null)
{
string getChildAreasUrl = "/Channel/GetChildAreas";//获取子地区的远程地址,(AreaCode,name)的JSON数据
if (areaLevel == null)
{
areaLevel = ;//区域设置级别,可以作为配置文件获取
}
return htmlHelper.LinkageDropDownList<string>(name, value, string.Empty, areaLevel.Value, 获取根级区域的(AreaCode,name)键值对, 获取当前选中区域的父区域, 获取选中地区当前的子区域, getChildAreasUrl);
}

MVC地区多级联动扩展实现(非递归形式)的更多相关文章

  1. poj 3323 Matrix Power Series (矩阵乘法 非递归形式)

    为了搞自动机+矩阵的题目,特来学习矩阵快速幂..........非递归形式的求Sum(A+A^2+...+A^k)不是很懂,继续弄懂................不过代码简洁明了很多,亮神很给力 # ...

  2. 二叉树前中后/层次遍历的递归与非递归形式(c++)

    /* 二叉树前中后/层次遍历的递归与非递归形式 */ //*************** void preOrder1(BinaryTreeNode* pRoot) { if(pRoot==NULL) ...

  3. MVC实现多级联动

    前言 多级联动(省级联动)的效果,网上现成的都有很多,各种JS实现,Jquery实现等等,今天我们要讲的是在MVC里面,如何更方便.更轻量的实现省级联动呢? 实现效果如下: 具体实现 如图所示,在HT ...

  4. 深度优先搜索(DFS)递归形式改为非递归形式

    DFS将递归改为非递归这个方法的需求来自于一道三维积木组合的题目,还在苦苦调试中,暂且不提. 普通的认识对于递归向非递归的转化无非是使用栈,但是结合到深度搜索如何将栈很好利用,如何很好保存现场,都不是 ...

  5. 二叉树总结—建树和4种遍历方式(递归&&非递归)

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u013497151/article/details/27967155 今天总结一下二叉树.要考离散了 ...

  6. 扩展欧几里德算法(递归及非递归实现c++版)

    今天终于弄懂了扩展欧几里德算法,有了自己的理解,觉得很神奇,就想着写一篇博客. 在介绍扩展欧几里德算法之前,我们先来回顾一下欧几里德算法. 欧几里德算法(辗转相除法): 辗转相除法求最大公约数,高中就 ...

  7. .net MVC 下拉多级联动及编辑

    多级联动实现,附源码.当前,部分代码是参与博客园其它网友. 新增,前台代码: <script src="~/Scripts/jquery-1.10.2.js">< ...

  8. asp.net MVC 下拉多级联动及编辑

    多级联动实现,附源码.当前,部分代码是参与博客园其它网友. 新增,前台代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2 ...

  9. 八皇后非递归(仅使用一个数组且可扩展为N皇后问题)

    </pre><pre name="code" class="cpp">/* Theme:八皇后(非递归) Coder:秒针的声音 Tim ...

随机推荐

  1. Spark2.0.2+Zeppelin0.6.2 环境搭建 初探

    0.抱怨与其他(此部分与标题没有太多联系): 首先一点想说的是版本问题,为什么标题我会写清楚版本号呢!原因就是版本不对真的很会坑人. 就在写这篇博客的同一天,我还写了另一篇,是 Hadoop2.7.3 ...

  2. JQuery 数据加载中禁止操作页面

    比较常见的做法,但对我而言是第一次做,记录一下. 为了把找来的loading.gif 的背景色设置为透明,还特意装了quicktime. 有学到一些额外的东西. 先将div及img定义好 <bo ...

  3. 前端性能优化---DOM操作

    小结 1缓存DOM对象 场景:缓存DOM对象的方式也经常被用在元素的查找中,查找元素应该是DOM操作中最频繁的操作了,其效率优化也是大头.在一般情况下,我们会根据需要,将一些频繁被查找的元素缓存起来, ...

  4. 基于mybatis向oracle中插入数据的性能对比

    数据库表结构: 逐条插入sql语句: <insert id="insert" parameterType="com.Structure"> INSE ...

  5. Leetcode0100--Same Tree 相同树

    [转载请注明]http://www.cnblogs.com/igoslly/p/8707664.html 来看一下题目: Given two binary trees, write a functio ...

  6. Project Management -- How to use GitHub with Git

    如何通过Git使用GitHub ——PM曾子轩 从未使用过Git 一.从官网下载Git 此部分略 二.用Git连接上GitHub(为保持完整性,此部分引用博客:https://www.cnblogs. ...

  7. 关于基础的Set 和Get

    先附上一篇文章,讲的很清楚 在Core中,我们要是先这样设置了.在我们对这个上下文做查询工作的时候,例如: var head = _OMSECDatabase.OmsEcorderHead.Where ...

  8. 复习java基础第四天(集合:List、Map、Collections、Enumeration)

    一.List: List 代表一个元素有序.且可重复的集合,集合中的每个元素都有其对应的顺序索引 List 允许使用重复元素,可以通过索引来访问指定位置的集合元素. List 默认按元素的添加顺序设置 ...

  9. Steal 偷天换日 题解(From luoguBlog)

    树形+背包 奇奇怪怪的dp. 考试的时候费了半天劲把题读完后思路基本正解, 然而也不知道为什么脑子鬼畜了一下打了个非递归建树? 而且链式前向星建边? 岔路口和藏品都搞成节点? 自己给自己找麻烦Orz. ...

  10. 移动端自动化测试-WTF Appium

    手机App分为两大类,原生App(Native App)和混合APP(Hybrid App) 原生App(Native App) 原生App实际就是我们所常见的传统App开发模式,云端数据存储+App ...