jquery eazyUI的下拉树异步实现
来源:互联网 发布:假丝绸出口数据 编辑:程序博客网 时间:2024/05/17 08:29
1、jsp里加一个标签
也可以不是select。url是后台返回json数据的请求地址,每次展开请求时,都会把要展开节点的“id”传给后台
<select id="orgAreaId" class="easyui-combotree" style="width: 200px;" data-options="url:'../area/queryChildrenArea.do',required:true"></select>
2、后台
很简单,构造返回的json就可以了。初次请求时id是null。【”state”: “closed”】表示该节点不自动展开,也就是说在页面上可以手动自行点击加号展开。( ̄▽ ̄)”这就是异步?
@RequestMapping(value = "/queryChildrenArea.do", method = RequestMethod.POST) @ResponseBody public String queryChildrenArea(String id){ if(null==id || "".equals(id)){ id = "-1"; } StringBuffer sb = new StringBuffer(); sb.append("["); List<Map<String, Object>> list = areaService.queryChildrenArea(id); if(null!=list && list.size()>0){ for (int i=0; i<list.size(); i++) { sb.append("{"); sb.append("\"id\": "+list.get(i).get("AREA_ID")+","); sb.append("\"text\": \""+list.get(i).get("AREA_NAME")+"\","); sb.append("\"state\": \"closed\""); sb.append("}"); if(i != list.size()-1){ sb.append(","); } } } sb.append("]"); return sb.toString(); }
最终实现很简单,但是找结果的过程却花了不少时间。
1 0
- jquery eazyUI的下拉树异步实现
- 为jquery.eazyui的Accordion增加disable/enable方法
- jQuery和zTree实现的下拉树
- Jquery下拉异步刷新
- Jquery实现的下拉菜单
- jquery 实现异步加载树
- 用jquery实现下拉框的美化
- jquery实现很优美的下拉菜单
- 基于jquery的下拉列表实现
- jquery 实现菜单的下拉菜单
- jquery的combobox实现下拉多选
- JQuery实现下拉列表的联动
- JQuery级联下拉框的实现
- jquery实现带搜索的下拉框
- 用简单的jQuery实现下拉菜单
- 基于jquery、css的下拉菜单实现
- jquery的ajax实现异步请求范例
- SwipeRefreshLayout+AsyncHttpClient 实现异步Http请求的下拉刷新
- 性能优化之路(二)
- 第三届PHP全球开发者大会2017让我们从高可用角度,继续探讨和学习!
- 远程连接服务器
- 获取url中的参数值
- 录音文件保存失败
- jquery eazyUI的下拉树异步实现
- 用JS实现省市区三级联动 (数据从数据库查出)
- JMS + ActiveMQ 简单的demo
- [leetcode] 390. Elimination Game
- 安卓中GridView填充简单的文字和图片,笔记!
- python的取整函数:向上取整,向下取整,四舍五入取整
- Dubbo实现RPC调用使用入门
- 导出有索引大表的步骤(sql方法)。
- Java多线程综述