EasyUI Combobox 级联查询

2024-08-26 16:48
文章标签 查询 级联 combobox easyui

本文主要是介绍EasyUI Combobox 级联查询,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

        在维护市委组织部项目的时候,使用了级联组合框,维护的时候是Asp.net,纯三层架构+Aspx页面+ashx(一般处理程序),在重构市委组织部项目的时候,用到了ITOO的框架,在ITOO4.1项目中熟悉了基本的框架,组织部项目中搭了三次框架,对框架的理解更深刻了一些;

        ITOO框架,前台使用MVC,在页面cshtml和Controller之间传值,实现级联组合框,代码和维护时候的一样;

前台页面代码:

  单位类别:<input id ="unitCategory" class="easyui-combobox" name ="cc" data-options="method:'get',valueField:'id',textField:'text',url:'/CadresRate/queryCategory',panelHeight:'auto',onSelect:function(rec)          //rec表示被选择的内容,把id值传到controller中;                          {var url ='/CadresRate/queryUnitName?id=' +rec.id ;$('#unitName').combobox('reload',url);    //重新加载单位名称的组合框;}
"/>单位名称<input id ="unitName2" class ="easyui-combobox" name ="cc" data-options="panelHeight:'auto',valueField:'id',textField:'id'" />

Controller中代码:

        页面加载查询出所有的单位类别;

        #region queryCategory + 查询单位类型 范晓权 2016年2月26日/// <summary>/// 查询单位类型;/// </summary>/// <returns></returns>public JsonResult queryCategory(){//定义一个字典的ViewModelBasicDictionaryViewModel vBasicDictionary = new BasicDictionaryViewModel(){//表示设置vBasicDictionary.DictionaryType = 5DictionaryType = 5};//调用服务器的查询类型的方法;List<BasicDictionaryViewModel> basicDictionary = IBasicDictionary.queryType(vBasicDictionary);//选择字典id 和 基础信息var unitCategory = from c in basicDictionaryselect new{id = c.DictionaryName,text = c.BasicInfoType};return Json(unitCategory, JsonRequestBehavior.AllowGet);} #endregion

<pre name="code" class="csharp">        #region queryUnitName 根据单位类别查询单位名称;/// <summary>/// queryUnitName/// </summary>/// <returns></returns>public JsonResult queryUnitName(){string type = Request["id"].ToString();//if (type == "xsq"){List<CityBasicInfoViewModel> cityBasicInfoList = ICityBasicInfo.queryAllCity();var tempCityBasicInfoList = from c in cityBasicInfoListselect new{id = c.CityID,text = c.CityName};return Json(tempCityBasicInfoList, JsonRequestBehavior.AllowGet);}else if (type == "szdw"){List<UnitBasicInfoViewModel> unitBasicInfoList = IUnitBasicInfo.queryAllUnit();var tempUnitBasicInfoList = from p in unitBasicInfoListselect new{id = p.UnitID,text = p.UnitName};return Json(tempUnitBasicInfoList, JsonRequestBehavior.AllowGet);}else if (type == "kfq"){List<DevelopmentBasicInfoViewModel> developmentBasicInfoList = IDevelopmentBasicInfo.queryAllDevelopment();var tempDevelopmentBasicInfoList = from a in developmentBasicInfoListselect new{id = a.DevelopmentID,text = a.DevelopmentName};return Json(tempDevelopmentBasicInfoList, JsonRequestBehavior.AllowGet);}else{return null;}}

 

效果图:


总结:

        举一反三,根据二级的级联菜单,可以发展为N级的级联,省,市,县也是级联中经常用到的,多实现,积累自己的代码库,很重要。经常用到的内容就收藏或者写出来;



这篇关于EasyUI Combobox 级联查询的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1109131

相关文章

MyBatis模糊查询报错:ParserException: not supported.pos 问题解决

《MyBatis模糊查询报错:ParserException:notsupported.pos问题解决》本文主要介绍了MyBatis模糊查询报错:ParserException:notsuppo... 目录问题描述问题根源错误SQL解析逻辑深层原因分析三种解决方案方案一:使用CONCAT函数(推荐)方案二:

MySQL 中的 JSON 查询案例详解

《MySQL中的JSON查询案例详解》:本文主要介绍MySQL的JSON查询的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql 的 jsON 路径格式基本结构路径组件详解特殊语法元素实际示例简单路径复杂路径简写操作符注意MySQL 的 J

Go语言开发实现查询IP信息的MCP服务器

《Go语言开发实现查询IP信息的MCP服务器》随着MCP的快速普及和广泛应用,MCP服务器也层出不穷,本文将详细介绍如何在Go语言中使用go-mcp库来开发一个查询IP信息的MCP... 目录前言mcp-ip-geo 服务器目录结构说明查询 IP 信息功能实现工具实现工具管理查询单个 IP 信息工具的实现服

MySQL索引的优化之LIKE模糊查询功能实现

《MySQL索引的优化之LIKE模糊查询功能实现》:本文主要介绍MySQL索引的优化之LIKE模糊查询功能实现,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一、前缀匹配优化二、后缀匹配优化三、中间匹配优化四、覆盖索引优化五、减少查询范围六、避免通配符开头七、使用外部搜索引擎八、分

SQL表间关联查询实例详解

《SQL表间关联查询实例详解》本文主要讲解SQL语句中常用的表间关联查询方式,包括:左连接(leftjoin)、右连接(rightjoin)、全连接(fulljoin)、内连接(innerjoin)、... 目录简介样例准备左外连接右外连接全外连接内连接交叉连接自然连接简介本文主要讲解SQL语句中常用的表

MySQL高级查询之JOIN、子查询、窗口函数实际案例

《MySQL高级查询之JOIN、子查询、窗口函数实际案例》:本文主要介绍MySQL高级查询之JOIN、子查询、窗口函数实际案例的相关资料,JOIN用于多表关联查询,子查询用于数据筛选和过滤,窗口函... 目录前言1. JOIN(连接查询)1.1 内连接(INNER JOIN)1.2 左连接(LEFT JOI

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2

MySQL中的交叉连接、自然连接和内连接查询详解

《MySQL中的交叉连接、自然连接和内连接查询详解》:本文主要介绍MySQL中的交叉连接、自然连接和内连接查询,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、引入二、交php叉连接(cross join)三、自然连接(naturalandroid join)四

mysql的基础语句和外键查询及其语句详解(推荐)

《mysql的基础语句和外键查询及其语句详解(推荐)》:本文主要介绍mysql的基础语句和外键查询及其语句详解(推荐),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋... 目录一、mysql 基础语句1. 数据库操作 创建数据库2. 表操作 创建表3. CRUD 操作二、外键

Mybatis 传参与排序模糊查询功能实现

《Mybatis传参与排序模糊查询功能实现》:本文主要介绍Mybatis传参与排序模糊查询功能实现,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、#{ }和${ }传参的区别二、排序三、like查询四、数据库连接池五、mysql 开发企业规范一、#{ }和${ }传参的