![](https://box.kancloud.cn/a71199634855a7552985be3cc0388c7a_244x159.png)
省市区级联,需求背景就不多说了,几乎是管理系统必备的一个功能,对于大部分初级开发者来说,做这种功能还是比较繁琐,又要写后端又要写前端。
不用担心,Eova为你办妥了,你拿来就可以用了!
案例:酒店管理>修改数据 省市区级联
![](https://box.kancloud.cn/6a72afd986281900694a72b61c272073_644x98.png)
实现详解:
1.配置自定义JS
![](https://box.kancloud.cn/c54fa847c8583972ad835e5c6353c940_644x159.png)
详情参考Demo中的JS文件!
2.添加DB字段和元字段
![](https://box.kancloud.cn/c8a1d98f1ae8cabfe3f29d2128a478d4_575x73.png)
![](https://box.kancloud.cn/9a22d22108d57df16ed9a2174bc8238d_644x48.png)
详情查看Demo!
3.效果
![](https://box.kancloud.cn/5d4f66e836a3cd354ab90de5804f6e20_644x89.png)
![](https://box.kancloud.cn/8fea14c13e013c4cbe51cab7e17d685c_644x240.png)
同理,也能实现 多级类型级联等任意的级联操作业务!
* * * * *
V1.6 关于级联的优化升级
~~~
// V1.6 之前的实现-手工拼接URL,重新加载
var url = '/widget/comboJson?exp=select id ID,name CN from area where lv = 2 and pid = ' + newValue;
$city.eovacombo({url : url}).reload();
// 不安全,容易出现乱码,字符串处理异常等问题
~~~
新的实现:
~~~
// selectAreaByLv2AndPid 为预配置的 表达式Key
$city.eovacombo({exp : 'selectAreaByLv2AndPid,' + newValue}).reload();
~~~
表达式在哪配置?
~~~
public class OSSConfig extends EovaConfig {
/**
* 自定义表达式(主要用于级联)
*/
@Override
protected void exp() {
super.exp();
// 区域级联查询
exps.put("selectAreaByLv2AndPid", "select id ID,name CN from area where lv = 2 and pid = ?");
exps.put("selectAreaByLv3AndPid", "select id ID,name CN from area where lv = 3 and pid = ?");
// 用法,级联动态在页面改变SQL和参数
// $city.eovacombo({exp : 'selectAreaByLv2AndPid,10'}).reload();
// $city.eovacombo({exp : 'selectAreaByLv2AndPid,aaa,10'}).reload();
// $find.attr('url', buildUrl(newValue));
// $find.eovafind({exp : 'selectAreaByLv2AndPid,aaa,10'});
}
}
~~~
- 第一个10分钟
- 最新动态
- 序言
- EOVA介绍
- 新手入门
- 快速部署
- 奇技赢巧
- 元数据应该这样玩
- 个性化定制系统模块
- 前端常用代码
- 初级技能
- 仙人模式の表达式强化
- 月读の自动解析字典
- 多重连弹の下拉级联
- 色诱术の格式化单元格
- 木锭壁の前端校验
- 水龙弹の快速添加按钮
- 高级技能
- 感知之术の性能监控
- 替身术の配置自动覆盖
- 万花筒の图片服务
- 影子模仿术の数据导入
- 三重罗生门の个性化弹窗
- 沙之眼の虚拟字段
- 尸鬼封尽の覆盖源码
- 砂暴送葬の高级查询
- 创造再生の角色分级
- 影分身の代码生成
- 秽土转生の数据迁移
- 四赤阳阵の多表视图
- 六赤阳阵の多表级联
- 四象封印の数据过滤
- 象转之术の在线Office
- 影子操控术の全局控制
- 特别解释
- 关于源码
- 关于UI
- 关于浏览器兼容性
- 关于工作流引擎
- 关于Oracle
- 关于独立部署
- 关于版本号
- 关于分布式的支持
- 关于JAVA8的支持
- 常见问题
- 如何自定义数据源
- HelloWord