JBolt平台入门(9)-组件自动化-多级联动Select

教程总目录

上一节:JBolt平台入门(8)-JBolt开发平台全局配置相关的表、缓存、模板指令

JBolt中可以轻松实现二级联动,甚至多级联动。

我们来看Demo:

二级联动DEMO

首次进入页面,一级select数据源已经加载。


一级数据已经加载

二级呢?

二级为空

我们都知道,多级联动,上级还没选,你怎么知道下级例应该显示哪些数据呢? 所以这里下级没有数据,坐等选择上级后change数据。
这才叫联动。

一级确定后,onchange事件自动激活,触发下级的数据自动加载完成联动操作

表单提交后,保持所有Select数据源自动加载的基础上,选中已经选择的数据,这块继承了JBolt autoload select的基本能力。

下面,我们来看具体的代码实现:

具体代码实现

已加入JBolt开发平台的可以自行去demo页面拷贝代码使用。

下一节:JBolt平台入门(10)-组件自动化-看图与相册

JBolt终身VIP

推荐阅读更多精彩内容