一、实现三级联动需要连接数据库

二、需要JSON数据的解析

三、需要Servlet类与界面相对应值的传递

1. 界面层需要的代码如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<!-- 1 JQuery的js包 -->

<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>

<!-- 2 css资源 -->

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css">

<!-- 3 图标资源 -->

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css">

<!-- 4 easyui的js包 -->

<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

<!-- 5 本地语言  -->

<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

</head>

<body>

这是修改员工的页面

<input class="easyui-combobox"data-options="url:'json/combo.json',

valueField:'id',textField:'text',

editable:false">

<br><br>

省：<input id="sheng" class="easyui-combobox" style="width:100px"

data-options="{

url:'RegionServlet?parentid=0',

valueField:'regionID',

textField:'regionName',

onSelect:function(region)

{

    //alert('选择了省id='+region.regionID);

    $('#shi').combobox('clear');// 清除原有项目

    $('#quxian').combobox('clear');// 清除原有显示项目

    // 重新加载

    $('#shi').combobox('reload','RegionServlet?parentid='+region.regionID);

    $('#quxian').combobox('reload','RegionServlet'); //清理原有下拉项目

}

}">

市：<input id="shi" class="easyui-combobox" style="width:100px"

data-options="{

url:'RegionServlet',

valueField:'regionID',

textField:'regionName',

onSelect:function(region)

{

    $('#quxian').combobox('clear');// 清除原有项目

    // 重新加载

    $('#quxian').combobox('reload','RegionServlet?parentid='+region.regionID);

}

}">

区县：<input id="quxian" class="easyui-combobox" style="width:100px"

data-options="{

url:'RegionServlet',

valueField:'regionID',

textField:'regionName'

}">

</body>

</html>

2. 通过hibernate创建实体类与映射文件

实体类：

package com.hanqi.entity;

// 地区实体类

public class Region {

    // 地区ID

    private String regionID;

    // 地区名称

    private String regionName;

    // 上级地区ID

    private String parentRegionID;

    public String getRegionID() {

        return regionID;

    }

    public void setRegionID(String regionID) {

        this.regionID = regionID;

    }

    public String getRegionName() {

        return regionName;

    }

    public void setRegionName(String regionName) {

        this.regionName = regionName;

    }

    public String getParentRegionID() {

        return parentRegionID;

    }

    public void setParentRegionID(String parentRegionID) {

        this.parentRegionID = parentRegionID;

    }

}

3.DAO层代码：

package com.hanqi.dao;

import java.util.ArrayList;

import java.util.List;

import org.hibernate.Session;

import org.hibernate.SessionFactory;

import org.hibernate.Transaction;

import org.hibernate.boot.registry.StandardServiceRegistryBuilder;

import org.hibernate.cfg.Configuration;

import org.hibernate.service.ServiceRegistry;

import com.hanqi.entity.Region;

public class RegionDAO {

    Configuration cfg = null;

    ServiceRegistry sr =null;

    SessionFactory sf =null;

    Session se=null;

    Transaction tr=null;

    public RegionDAO()

    {

        //加载配置文件

        cfg = new Configuration().configure();

        //注册服务

        sr = new StandardServiceRegistryBuilder()

                .applySettings(cfg.getProperties())

                .build();

    }

    // 初始化

    private void init()

      {

          sf=cfg.buildSessionFactory(sr);

          se= sf.openSession();

          tr=se.beginTransaction();

      }

    // 提交和释放

     private void destory()

      {

              tr.commit();

            se.close();

            sf.close();

      }

     // 获取数据列表

     public List<Region> getList(String parentid)

     {

         List<Region> rtn = new ArrayList<Region>();

         init();

         // 查询数据

         rtn=se.createQuery("from Region where parentRegionID = ?")

                 .setString(0, parentid).list();

         destory();

         return rtn;

     }

}

4.Service层代码：

package com.hanqi.service;

import java.util.List;

import com.hanqi.dao.RegionDAO;

import com.hanqi.entity.Region;

public class RegionService {

    public List<Region> getList(String parentid)

    {

        return new RegionDAO().getList(parentid);

    }

}

5.Servlet层代码：（解析JSON数据的jar包FastJson）

package com.hanqi.controller;

import java.io.IOException;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import com.alibaba.fastjson.JSONArray;

import com.hanqi.entity.Region;

import com.hanqi.service.RegionService;

public class RegionServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    public RegionServlet() {

        super();

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

            request.setCharacterEncoding("UTF-8");

            response.setCharacterEncoding("UTF-8");

            response.setContentType("text/html");

            // 接收参数

            String parentid = request.getParameter("parentid");

            if(parentid!=null)

            {

            // 读取地区代表

            List<Region> lr = new RegionService().getList(parentid);

            ;

            // 返回JSON格式的数据

            String json = JSONArray.toJSONString(lr);

            response.getWriter().write(json);

            }

            else

            {

                response.getWriter().write("[]");

            }

    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doGet(request, response);

    }

}

Easyui表单之下拉列表的三级联动的更多相关文章

  1. easyui表单插件-包括日期时控件-列表

    ← jQuery EasyUI 表单插件 – Numberspinner 数值微调器 jQuery EasyUI 表单插件 - Timespinner 时间微调器  jQuery EasyUI 插件 ...

  2. easyui表单提交，后台获取不到值

    J2ee开发,使用easyui表单提交,在ie中可以正常将参数传递到后台,但使用firefox,chrome都无法将easyui的combobox值传递到后台,使用alert($('#form').s ...

  3. easyUI表单基础知识

    easyUI创建异步提交表单 我们创建一个带有 name.email 和 phone 字段的表单.通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form).表单 ...

  4. EasyUI表单验证，自定义插件验证，自定义js插件验证，远程验证，常见手机号，中英文，qq等验证规则验证

     { field : 'startPort', title : "起始端口", editor: "text", width : 50, editor: { ...

  5. JQuery EasyUI 表单

    EasyUI 创建异步提交表单 ♦ 通过使用 easyui 表单插件来改变表单为 ajax表单. 表单提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面.我们接收返回数据,并将它显示出来 ...

  6. 雷林鹏分享：jQuery EasyUI 表单 - 创建异步提交表单

    jQuery EasyUI 表单 - 创建异步提交表单 本教程向您展示如何通过 easyui 提交一个表单(Form).我们创建一个带有 name.email 和 phone 字段的表单.通过使用 e ...

  7. 雷林鹏分享：jQuery EasyUI 表单 - 创建树形下拉框

    jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...

  8. 雷林鹏分享：jQuery EasyUI 表单 - 表单验证

    jQuery EasyUI 表单 - 表单验证 本教程将向您展示如何验证一个表单.easyui 框架提供一个 validatebox 插件来验证一个表单.在本教程中,我们将创建一个联系表单,并应用 v ...

  9. 雷林鹏分享：jQuery EasyUI 表单 - 过滤下拉数据网格

    jQuery EasyUI 表单 - 过滤下拉数据网格 下拉数据网格(Combogrid)组件和下拉框(Combobox)组件的共同点是,除了都具有下拉面板以外,它们都是基于数据网格(Datagrid ...

随机推荐

  1. Mapcontrol 遍历所有图层方法

    mapcontrol 遍历所有图层方法 2011-04-29 19:51 通过IMap中的get_layers()可以遍历MapControl中当前的图层.此方法可以通过指定UID对图层进行过滤或者分 ...

  2. Github使用指南-从新手到专家

    转载自:http://www.cnblogs.com/xirongliu/p/4589834.html 个人从刚刚开始接触github,啥都不知道,不会用,不知道能够用来干什么,到现在坚持在githu ...

  3. fielderror里的fieldName代表的是jsp里的fieldName还是Action类的成员变量？(待解答)

    1.值栈的Action对象中会有一个fielderror属性,代表着字段错误. fielderror是Map<String,List<String>>类型 例如下面的值栈里可看 ...

  4. C# dataTable 排序

    DataView dv = ds.DefaultView; dv.Sort = "header asc"; ds = dv.ToTable(); C# dataTable 排序

  5. ld.so.conf 和 ldconfig

    1. 查看执行文件的链接库 ldd 例子: # ldd /sbin/sln not a dynamic executable “not a dynamic executable”是 ldd 说明 sl ...

  6. HBase读延迟的12种优化套路

    任何系统都会有各种各样的问题,有些是系统本身设计问题,有些却是使用姿势问题.HBase也一样,在真实生产线上大家或多或少都会遇到很多问题,有些是HBase还需要完善的,有些是我们确实对它了解太少.总结 ...

  7. php 构造函数格式，具体该怎么写？应该注意什么呢？

    在PHP里,如果你没有手写构造函数,则php在实例化这个对象的时候,会自动为类成员以及类方法进行初始化,分配内存等工作,但是有些时候不能满足我们的要求,比如我们要在对象实例化的时候传递参数,那么就需要 ...

  8. 从jquery源码中看类型判断和数组的一些操作

    在深入看jquery源码中,大家会发现源码写的相当巧妙.那我今天也通过几个源码中用到的技巧来抛砖引玉,希望大家能共同研究源码之精华,不要囫囵吞枣. 1.将类数组转化成数组 我想大家首先想到的方法是fo ...

  9. Spring注解学习

    参考链接 http://blog.csdn.net/xyh820/article/details/7303330/

  10. CacheManager COUNTER

    CacheClient.AddOrUpdate("COUNTER", 0, v => Convert.ToInt32(v) + 1);