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

二、需要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. Rails :.nil? , .empty?, .blank? .present? 的区别

    .nil? , .empty?, .blank? .present? 的区别 首先这三个都是判空的. 而 .nil? 和 .empty? 是ruby的方法. .blank? 是rails的方法 .ni ...

  2. OAF_开发系列24_实现OAF更新记录显示Record History（案例）

    20150716 Created By BaoXinjian

  3. Gson的使用

    GSON:是Google开发的Java API,用于转换Java对象和Json对象 <dependency> <groupId>com.google.code.gson< ...

  4. "\r\n","\r","\n"

    参考: http://blog.csdn.net/xiaofei2010/article/details/8458605 '\r' : 回车符 '\n' : 换行符 以下是c++语言的测试代码, 跟平 ...

  5. 路由跟踪语法：tracert www.love125.com

    tracert  www.love125.com 路由跟踪语法

  6. JavaScript的学习5

    一.DOM对象 1.DOM对象:Document  Object  Model  文档对象模型,主要是用来提供了操作HTML文档的属性与方法 2.DOM的分类: a.核心DOM:为操作XML和HTML ...

  7. 强大的commons

    在此之前对commons包了解的不多,最常用的就是StringUtils.isBlack(str)来取代if(str !=null && str.lenght()>1)的判断,昨 ...

  8. PHP类型转换

    php代码 <?php$foo = "0"; // $foo 是字符串 (ASCII 48)var_dump($foo) ; echo '<br/>'; $foo ...

  9. 向架构师进军--->系统架构设计基础知识

    如果你对项目管理.系统架构有兴趣,请加微信订阅号"softjg",加入这个PM.架构师的大家庭 在讲解系统架构设计之前,有必要补充一下架构相关的概念,因此本博文主要讲述架构.架构师 ...

  10. VMware Workstation下安装centos提示硬盘不支持的解决方法

    最近在搞centos,遇见的一些问题,记录一下 首先是安装问题 安装过程参考http://www.cnblogs.com/seesea125/archive/2012/02/25/2368255.ht ...