easyui combobox java_Easyui的combobox实现动态数据级联效果

实现从数据库中动态获取对应的list集合,并在easyui的combobox中显示出来。

实现的效果如下:

81d6b5c59451bc27ff96bf4b1c257108.png

f34d2d9a3632307302fa267b7b175cc0.png

12bd64e3ec8180522404ab8e822c4910.png

1、数据库的表设计如图所示

fdcceafedf199cce78e46f717c69d1a7.png

2、数据库中填写相关的数据,如图所示。如图所示【法律法规】是所属栏目,因此他的字段parentid是0。【中国公民出国】、【内地居民往来港澳】是属于法律法规的类别。因此他们的字段parentid是对应1,【法律法规】的字段categoryid是1.

7b68f79d4c5a2e04026880720bea7ae3.png

3、相关的配置:已经在前面的博客中写了

这里就不多写。只把关键代码贴出来。

4、对应的action代码

package crj.portal.web.management.action;

import java.io.ioexception;

import java.util.list;

import javax.servlet.http.httpservletrequest;

import javax.servlet.http.httpservletresponse;

import net.sf.json.jsonarray;

import net.sf.json.jsonobject;

import net.sf.json.jsonconfig;

import org.apache.log4j.logger;

import org.apache.struts2.servletactioncontext;

import org.hibernate.criteria;

import org.hibernate.criterion.order;

import com.sun.tools.javac.util.log;

import crj.portal.web.management.model.cpersontypetbl;

import crj.portal.web.management.service.categoryservice;

import crj.portal.web.management.service.itemservice;

import crj.portal.web.management.service.userservice;

public class itemmanageaction {

logger log=logger.getlogger(this.getclass());

private string page;

private string rows;

private string lanmuid;

private itemservice itemservice;// 依赖注入

//下拉框--查询栏目

public string categorytbl() throws exception{

list list=itemservice.querylanmu();

this.tojsonarray(list);

return null;

}

//根据栏目的id 查询拥有的类别

public string leibie() throws exception{

list list=itemservice.queryleibie(lanmuid);

this.tojsonarray(list);

return null;

}

public string tojsonarray(list list) throws ioexception{

httpservletresponse response = servletactioncontext.getresponse();

httpservletrequest request = servletactioncontext.getrequest();

jsonarray json = jsonarray.fromobject(list);

log.info("json格式:" +json.tostring());

response.setcharacterencoding("utf-8");// 指定为utf-8

response.getwriter().write(json.tostring());// 转化为json格式

return null;

}

public string save() throws exception {

return this.alllist();

}

public itemservice getitemservice() {

return itemservice;

}

public void setitemservice(itemservice itemservice) {

this.itemservice = itemservice;

}

public string getpage() {

return page;

}

public void setpage(string page) {

this.page = page;

}

public string getrows() {

return rows;

}

public void setrows(string rows) {

this.rows = rows;

}

public userservice getuserservice() {

return userservice;

}

public void setuserservice(userservice userservice) {

this.userservice = userservice;

}

public categoryservice getcategoryservice() {

return categoryservice;

}

public void setcategoryservice(categoryservice categoryservice) {

this.categoryservice = categoryservice;

}

public string getlanmuid() {

return lanmuid;

}

public void setlanmuid(string lanmuid) {

this.lanmuid = lanmuid;

}

}

5、对应的接口代码

public interface itemservice {

//下拉框--查询栏目

public list querylanmu() throws exception;

//下拉框--查询类别

public list queryleibie(string ids) throws exception;

}

6、对应的接口实现类代码

public class itemserviceimpl implements itemservice {

logger log = logger.getlogger(this.getclass());

private sessionfactory sessionfactory;

//下拉框--查询栏目

public list querylanmu() throws exception {

criteria criteria=this.sessionfactory.getcurrentsession().createcriteria(categorytbl.class);

criteria.add(restrictions.eq("parentid", 0));

criteria.addorder(order.asc("categoryid"));

return criteria.list();

}

//下拉框--查询类别

public list queryleibie(string ids) throws exception {

int i=integer.parseint(ids);

criteria criteria=this.sessionfactory.getcurrentsession().createcriteria(categorytbl.class);

criteria.add(restrictions.eq("parentid", i));

criteria.addorder(order.asc("categoryid"));

return criteria.list();

}

public sessionfactory getsessionfactory() {

return sessionfactory;

}

public void setsessionfactory(sessionfactory sessionfactory) {

this.sessionfactory = sessionfactory;

}

}

7、对应的jsp代码

string path = request.getcontextpath();

%>

信息管理

/* 初始化下载表格信息 */

$(function() {

// 下拉框选择控件,下拉框的内容是动态查询数据库信息

$('#lanmu').combobox({

url:'itemmanage!categorytbl',

editable:false, //不可编辑状态

cache: false,

panelheight: 'auto',//自动高度适合

valuefield:'categoryid',

textfield:'categoryname',

onhidepanel: function(){

$("#leibie").combobox("setvalue",'');

var lanmuid = $('#lanmu').combobox('getvalue');

$.ajax({

type: "post",

url: "itemmanage!leibie?lanmuid="+lanmuid,

cache: false,

datatype : "json",

success: function(data){

$("#leibie").combobox("loaddata",data);

}

});

}

});

$('#leibie').combobox({

//url:'itemmanage!categorytbl',

editable:false, //不可编辑状态

cache: false,

panelheight: 'auto',//自动高度适合

valuefield:'categoryid',

textfield:'categoryname'

});

});

所属栏目:

类别:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持萬仟网。

希望与广大网友互动??

点此进行留言吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/281807.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为什么应该默认将 Class 设为密封类?

前言最近在 dotnet/sdk 上看到一个 Issue,它提出了一个有趣的要求:默认情况下将类设置为密封类(Sealed)?什么是密封类?默认情况下,类是开放的,这意味着它是可以被继承的。例如:class BaseClass …

Spring工具类的使用

2019独角兽企业重金招聘Python工程师标准>>> Spring-core中提供了大量的工具类,常用的有StringUtils、ObjectUtils、NumberUtils、Base64Utils等,Spring工具类在spring-core.jar中的org.springframework.util包下。 org.springframework.util…

python作业高级FTP(第八周)

作业需求: 1. 用户加密认证 2. 多用户同时登陆 3. 每个用户有自己的家目录且只能访问自己的家目录 4. 对用户进行磁盘配额、不同用户配额可不同 5. 用户可以登陆server后,可切换目录 6. 查看当前目录下文件 7. 上传下载文件,保证文件一致性 8…

Edge 浏览器被爆存在 XSS 绕过漏洞

来自知名安全测试套件Burp Suite厂商PortSwigger的安全专家Gareth Heyes近日在微软Edge浏览器的内置XSS过滤器存在绕过漏洞,这就意味着尽管微软在Edge浏览器中进行了大量的安全策略部署,但用户浏览网页的时候依然有可能让攻击者通过这种方式在Edge浏览器…

来了!十大更新

面向 Windows 10 正式版用户,微软发布了 2022 年 10 月更新。Windows 10 版本 21H1 更新后操作系统内部版本升级至 Build 190432130/2132(带外更新)。Windows 10 版本 21H2 更新后操作系统内部版本升级至 Build 19044.2130/2132(带…

使用ansible 批量分发SSH Key

先确保你电脑有ansible,我是mac的用brew安装,其他可用yum安装brew search ansiblebrew install ansible我已经安装好2.7了生成下自己的key,一路回车ssh-keygen -t rsa编辑host,添加需要增加ssh key的机器vi /etc/ansible/hosts【hostgroup】我…

使用Git简单笔记

这里只是作为简单的笔记整理,第一次使用的推荐先看一下廖大的教程,内容很多很细,可以边看边练、看不懂的地方先记着、争取七七八八看下来。 心情不佳的分割线 廖雪峰的git教程: https://www.liaoxuefeng.com/wiki/001373951630592…

部署站点支持Https访问的方法

1、申请公钥和私钥,放到服务器 2、编辑default配置文件 改为 加上证书路径 ps:泛域名支持admin.xxx.com、demo.xxx.com等等,而免费的Lets Encrypt仅支持www.xxx.com和xxx.com 整理自www.laravist.com转载于:https://www.cnblogs.com/lamp01/p/6952464.ht…

Hadoop/HDFS命令

Hadoop中文手册:http://hadoop.apache.org/docs/r1.0.4/cn/commands_manual.html 英文手册:http://hadoop.apache.org/docs/stable/hadoop-project-dist/hadoop-common/CommandsManual.html Hadoop fs命令 hadoop fs: 该命令可以用于其他文件系统&#x…

内置IOC容器ServiceCollection

.NetCore内置IOC容器ServiceCollection一、IOC介绍IOC:全名(Inversion of Control)-控制反转IOC意味着我们将对象的创建控制权交给了外部容器,我们不管它是如何创建的,我们只需要知道,当我们想要某个实例时,我们可以直…

React+Redux仿Web追书神器

引言 由于 10 月份做的 React Native 项目没有使用到 Redux 等库,写了一段时间想深入学习 React,有个想法想做个 demo 练手下,那时候其实还没想好要做哪一个类型的,也看了些动漫的,小说阅读,聚合资源的开源…

windows配置solr5.5.2(不通过tomcat,使用内置jetty)

一、windows下配置solr5.5.2(不通过tomcat,使用内置jetty) 第一步:安装Jdk1.7 Solr5.5好像只支持Jdk1.7及以上的版本,没亲测,solr6.0是只支持jdk1.8及以上的,下图为启动solr时的截图: 如何在windows环境下配置jdk及验证…

【C# Personal Handbook】运行环境

一、CLR、CLI、CTS、CLS、BCL、FCL简介CLI(公共语言基础)CLI是微软公司向ECMA提交的一份语言和数据格式规范,CLR是目前为止唯一一个公共语言基础的实现版本。CLI包括了公共类型系统(CTS)、公共中间语言(CIL…

如何完善自己的知识结构

★领域 (本来想用“学科”这个词,后来觉得“学科”的范畴还是偏小,就改用“领域”)  按照传统的习惯,通常会把知识归类到不同的领域(比如:文学、数学、计算机、烹调、等等)。 ◇领…

java调c++代码_Java中调用C++代码的实现 | 学步园

JNI为 Java Native Interface 即Java本地接口,使用此种方式可以对C/C代码进行调用,其在本质上是对C/C生成的动态库进行调用而不是直接对C/C代码进行调用Java代码如下:public class TestJNI{//JNI在本质上是调用C/C的动态库来实现的&#xff…

jeesite1.X 集成多数据源

2019独角兽企业重金招聘Python工程师标准>>> 网上看了几个例子,都是相同数据源的动态切换,如果不是同一种数据库类型,分页查询就出问题。经过研究解决问题。 jeesite.properties配置多数数据源地址,这里以mysql5.7和sqlserver2008…

k8s HPA(HorizontalPodAutoscaler)-自动水平伸缩

Horizontal Pod Autoscaling in Kubernetes写在前面我们平时部署web服务,当服务压力大撑不住的时候,我们会加机器(加钱);一般没有上容器编排是手动加的,临时加的机器,临时部署的服务还要改Nginx的配置,最后…

spark java 逻辑回归_逻辑回归分类技术分享,使用Java和Spark区分垃圾邮件

原标题:逻辑回归分类技术分享,使用Java和Spark区分垃圾邮件由于最近的工作原因,小鸟很久没给大家分享技术了。今天小鸟就给大家介绍一种比较火的机器学习算法,逻辑回归分类算法。回归是一种监督式学习的方式,与分类类似…

jQuery.extend()方法

定义和用法jQuery.extend()函数用于将一个或多个对象的内容合并到目标对象。 注意: 1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加…

Wget用法、参数解释的比较好的一个文章

一个语句就可以下载cvpr2016的全部论文: wget -c -N --no-clobber --convert-links --random-wait -r -p -E -e robotsoff -U mozilla http://www.cv-foundation.org/openaccess/CVPR2016.py 其中,-c表示断点续传;-N表示已经下载的内容不再重…