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

相关文章

MySQL存储过程之循环遍历查询的结果集详解

《MySQL存储过程之循环遍历查询的结果集详解》:本文主要介绍MySQL存储过程之循环遍历查询的结果集,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录前言1. 表结构2. 存储过程3. 关于存储过程的SQL补充总结前言近来碰到这样一个问题:在生产上导入的数据发现

MySQL JSON 查询中的对象与数组技巧及查询示例

《MySQLJSON查询中的对象与数组技巧及查询示例》MySQL中JSON对象和JSON数组查询的详细介绍及带有WHERE条件的查询示例,本文给大家介绍的非常详细,mysqljson查询示例相关知... 目录jsON 对象查询1. JSON_CONTAINS2. JSON_EXTRACT3. JSON_TA

MYSQL查询结果实现发送给客户端

《MYSQL查询结果实现发送给客户端》:本文主要介绍MYSQL查询结果实现发送给客户端方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mysql取数据和发数据的流程(边读边发)Sending to clientSending DataLRU(Least Rec

MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)

《MySQL复杂SQL之多表联查/子查询详细介绍(最新整理)》掌握多表联查(INNERJOIN,LEFTJOIN,RIGHTJOIN,FULLJOIN)和子查询(标量、列、行、表子查询、相关/非相关、... 目录第一部分:多表联查 (JOIN Operations)1. 连接的类型 (JOIN Types)

python编写朋克风格的天气查询程序

《python编写朋克风格的天气查询程序》这篇文章主要为大家详细介绍了一个基于Python的桌面应用程序,使用了tkinter库来创建图形用户界面并通过requests库调用Open-MeteoAPI... 目录工具介绍工具使用说明python脚本内容如何运行脚本工具介绍这个天气查询工具是一个基于 Pyt

MyBatis编写嵌套子查询的动态SQL实践详解

《MyBatis编写嵌套子查询的动态SQL实践详解》在Java生态中,MyBatis作为一款优秀的ORM框架,广泛应用于数据库操作,本文将深入探讨如何在MyBatis中编写嵌套子查询的动态SQL,并结... 目录一、Myhttp://www.chinasem.cnBATis动态SQL的核心优势1. 灵活性与可

Mybatis嵌套子查询动态SQL编写实践

《Mybatis嵌套子查询动态SQL编写实践》:本文主要介绍Mybatis嵌套子查询动态SQL编写方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录前言一、实体类1、主类2、子类二、Mapper三、XML四、详解总结前言MyBATis的xml文件编写动态SQL

在Java中基于Geotools对PostGIS数据库的空间查询实践教程

《在Java中基于Geotools对PostGIS数据库的空间查询实践教程》本文将深入探讨这一实践,从连接配置到复杂空间查询操作,包括点查询、区域范围查询以及空间关系判断等,全方位展示如何在Java环... 目录前言一、相关技术背景介绍1、评价对象AOI2、数据处理流程二、对AOI空间范围查询实践1、空间查

MySQL基本查询示例总结

《MySQL基本查询示例总结》:本文主要介绍MySQL基本查询示例总结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Create插入替换Retrieve(读取)select(确定列)where条件(确定行)null查询order by语句li

MySQL中like模糊查询的优化方案

《MySQL中like模糊查询的优化方案》在MySQL中,like模糊查询是一种常用的查询方式,但在某些情况下可能会导致性能问题,本文将介绍八种优化MySQL中like模糊查询的方法,需要的朋友可以参... 目录1. 避免以通配符开头的查询2. 使用全文索引(Full-text Index)3. 使用前缀索