easyui combobox java_Easyui的combobox实现动态数据级联效果
实现从数据库中动态获取对应的list集合,并在easyui的combobox中显示出来。
实现的效果如下:
1、数据库的表设计如图所示
2、数据库中填写相关的数据,如图所示。如图所示【法律法规】是所属栏目,因此他的字段parentid是0。【中国公民出国】、【内地居民往来港澳】是属于法律法规的类别。因此他们的字段parentid是对应1,【法律法规】的字段categoryid是1.
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'
});
});
所属栏目:
类别:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持萬仟网。
希望与广大网友互动??
点此进行留言吧!
easyui combobox java_Easyui的combobox实现动态数据级联效果相关推荐
- html怎么自动导入数据并排序,JS实现table表格数据排序功能(可支持动态数据+分页效果)...
asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需 ...
- Ext JS - Combobox 加载下拉框数据 级联下拉框
Combobox 加载下拉框数据 点击下拉框,数据从后台加载,是很常见的需求.如下图: View 中下拉框 dockedItems : [ {dock : 'top',xtype : 'toolbar ...
- echarts 动态数据动画效果
在做项目时,当我们用到echarts图表时,大部分产品经理都会要求我们给图表加上一些动画效果,让页面看起来更加炫酷.其实给图表加上动画效果不难,如果数据是实时数据这样做动画效果会更简单点,就怕数据不是 ...
- easyui datagrid java_EasyUI DataGrid 显示不了数据????
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 Struts2: ``` text/html ``` action: ``` public String getList() throws Excepti ...
- Combobox自动下拉适合的数据(使用Form属性拓展IExtenderProvider方式来操作)
1.首先创建项目 2.创建自定义控件(拖入自定义控件才能在UI界面引用) 这里也可以是使用创建类操作,生成后就会出现在UI操作的 中,拖到UI界面既可以实现操作 3.写入自定义属性 ) // < ...
- 继续聊WPF——动态数据模板
我为啥称之为"动态数据模板"?先看看下面的截图,今天,我们就是要实现这种功能. 大概是这样的,我们定义的DataTemplate是通过触发器动态应用到 ComboBoxItem 上 ...
- Keras用动态数据生成器(DataGenerator)和fitgenerator动态训练模型
有了这个生成器,我们就可以用fit_generator 方法进行训练,格式套路如下: model.fit_generator(generator, steps_per_epoch=..., epoch ...
- C#应用NPOI实现导出EXcel表格中插入饼状图(可实现动态数据生成)
一.思路: 1.excel是可以通过NPOI插入图片的: 2.C#通过NPOI生成饼状图: 3.把生成的饼状图以字节流的形式插入到表格 二.看代码: #region 生成饼图图例/// <s ...
- ajax往CJJTable传值,jQuery+ajax怎么样实现动态数据分页
这次给大家带来jQuery+ajax怎么样实现动态数据分页,用jQuery+ajax实现动态数据分页的注意事项有哪些,下面就是实战案例,一起来看一下. 用jQuery实现页码跳转式动态数据分页这个效果 ...
最新文章
- 对输入框以及选择框集体的数据检验
- 170万奖金扶持 华为云究竟在下一盘怎样的棋?
- 【Coursera】经验风险最小化
- 关于ubuntu的root密码问题
- 帧内16*16模式的宏块数据传输顺序
- 儿童节,5岁宝宝写给程序员爸爸的一封信!萌翻了!
- llnmp 环境一键部署 2种安装方法
- 【Webcam设计】USB摄像头(V4L2接口)的图片采集
- 疯狂java讲义第二章课后习题答案
- 一维码Code 128简介及其解码实现 zxing-cpp
- 小浩编程:指针函数和函数指针
- ROS | 基于MQTT的通信方式mqtt_bridge
- leetcode-t51 N皇后(回溯)
- OPPO、一加将在德国禁售?原来是被“专利流氓”诺基亚盯上了!
- vue全家桶+koa2+mongoDB打造全栈社区博客
- 【马克思主义基本原理概论】
- MacOS:xcrun: error: invalid active developer path
- There is no setter for property named ‘id‘ in ‘class com.atguigu.mybatistest.entity.User‘
- BFC、IFC、GFC 和 FFC 的区别?
- 关于机房环境监控系统基础知识