这篇文章主要介绍了Easyui的combobox实现动态数据级联效果的相关资料，感兴趣的小伙伴们可以参考一下
实现从数据库中动态获取对应的List集合，并在Easyui的combobox中显示出来。
实现的效果如下：
1、数据库的表设计如图所示
2、数据库中填写相关的数据，如图所示。如图所示【法律法规】是所属栏目，因此他的字段parentid是0。【中国公民出国】、【内地居民往来港澳】是属于法律法规的类别。因此他们的字段parentid是对应1，【法律法规】的字段categoryid是1.
3、相关的配置：已经在前面的博客中写了https://www.gaodaima.com/article/86381.htm
这里就不多写。只把关键代码贴出来。
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<span style="color:transparent">来源gaodai#ma#com搞*!代#%^码网</span>() { 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代码
<title>信息管理</title><!-- 引入Jquery --><!-- 引入Jquery_easyui --><!-- 引入easyUi国际化-中文 --><!-- 引入easyUi默认的CSS格式-蓝色 --><link rel="stylesheet" type="text/css" href="/easyui_1.3.2/themes/default/easyui.css"/><!-- 引入easyUi小图标 --><link rel="stylesheet" type="text/css" href="/easyui_1.3.2/themes/icon.css"/> <!-- 工具拦 --><div id="tb" style="padding: 3px"> <span>所属栏目:</span> <span>类别:</span> </div>
以上就是Easyui的combobox实现动态数据级联效果的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Easyui的combobox实现动态数据级联效果
转载请注明原文链接：Easyui的combobox实现动态数据级联效果
