easyui combobox java_Easyui的combobox实现动态数据级联效果
實(shí)現(xiàn)從數(shù)據(jù)庫(kù)中動(dòng)態(tài)獲取對(duì)應(yīng)的list集合,并在easyui的combobox中顯示出來(lái)。
實(shí)現(xiàn)的效果如下:
1、數(shù)據(jù)庫(kù)的表設(shè)計(jì)如圖所示
2、數(shù)據(jù)庫(kù)中填寫相關(guān)的數(shù)據(jù),如圖所示。如圖所示【法律法規(guī)】是所屬欄目,因此他的字段parentid是0。【中國(guó)公民出國(guó)】、【內(nèi)地居民往來(lái)港澳】是屬于法律法規(guī)的類別。因此他們的字段parentid是對(duì)應(yīng)1,【法律法規(guī)】的字段categoryid是1.
3、相關(guān)的配置:已經(jīng)在前面的博客中寫了
這里就不多寫。只把關(guān)鍵代碼貼出來(lái)。
4、對(duì)應(yīng)的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;
}
//根據(jù)欄目的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());// 轉(zhuǎn)化為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、對(duì)應(yīng)的接口代碼
public interface itemservice {
//下拉框--查詢欄目
public list querylanmu() throws exception;
//下拉框--查詢類別
public list queryleibie(string ids) throws exception;
}
6、對(duì)應(yīng)的接口實(shí)現(xiàn)類代碼
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、對(duì)應(yīng)的jsp代碼
string path = request.getcontextpath();
%>
信息管理/* 初始化下載表格信息 */
$(function() {
// 下拉框選擇控件,下拉框的內(nèi)容是動(dòng)態(tài)查詢數(shù)據(jù)庫(kù)信息
$('#lanmu').combobox({
url:'itemmanage!categorytbl',
editable:false, //不可編輯狀態(tài)
cache: false,
panelheight: 'auto',//自動(dòng)高度適合
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, //不可編輯狀態(tài)
cache: false,
panelheight: 'auto',//自動(dòng)高度適合
valuefield:'categoryid',
textfield:'categoryname'
});
});
所屬欄目:
類別:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持萬(wàn)仟網(wǎng)。
希望與廣大網(wǎng)友互動(dòng)??
點(diǎn)此進(jìn)行留言吧!
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的easyui combobox java_Easyui的combobox实现动态数据级联效果的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: java多线程同时运行_Java实现的两
- 下一篇: java用log.i打印数组_java-