3. 编辑元素
三级联动和五级联动的实现方式与二级联动类似,其中五级联动较为复杂,在手册中有相应的案例可供大家查看(五级联动)。
例子:使用数据绑定实现的两级联动,效果如下:
本例中,需要在绑定变量初始化的高级编辑中设置联动内容,并通过数据绑定的表单元素值绑定、数组绑定多选项选项名、数组绑定多选项选项值、数组绑定多选框选项、数组绑定多选框中选项实现二级联动效果。
下拉菜单中有多少选项就需要添加多少个选项文本与选项值。
右键点击菜单→逻辑→数据绑定→绑定变量初始化→高级编辑。
添加一级联动内容:
添加数组(Array)并改名为dxk(数组名,显示本级的下拉选项名使用)→在数组内添加对象(Object)→在对象内Append→xxm:北京市(选项名,会显示在下拉列表中)→xxz:a11(选项值,不显示,联动的实现需要靠选项值连接)(其他选项设置方法相同)。
设置默认值:
添加数组(Array)并命名为mr(设置默认值使用)→数组内Append→a55。
添加二级联动内容:
添加对象(Object)并命名为er(在二级联动中绑定多选框选项使用)→在对象内添加数组(Array)并给数组命名为a11(与数组dxk中对象的选项值对应)→在数组内Append→海淀区;Append→昌平区;Append→东城区;Append→西城区;Append→朝阳区(其他选项设置方法相同)。
右键点击第一级联动下拉菜单→逻辑→数据绑定,设置如下绑定:
绑定模式:表单元素值绑定→绑定参数:ysz(为下级联动取值时使用)→增加绑定。
绑定模式:添加数组绑定多选框选项→绑定参数:dxk(对应高级编辑中一级联动的数组名)→增加绑定。
绑定模式:添加数组绑定多选框选项名→绑定参数:"xxm"(对应高级编辑中选项名的设置,参数需要英文双引号,否则选项显示为空白)→增加绑定。
绑定模式:添加数组绑定多选框选项值→绑定参数:"xxz"(对应高级编辑中选项值得设置,参数需要英文双引号,否则无法实现联动)→增加绑定。
绑定模式:添加数组绑定多选框选中选项→绑定参数:mr(对应高级编辑中的数组设置,此绑定设置初始默认值)→增加绑定。
右键点击二级联动下拉菜单→逻辑→数据绑定:
绑定模式:数组绑定多选框选项→绑定参数:er[ysz()]()(er为高级编辑中二级联动下拉菜单的选项名所在的对象,ysz为一级联动元素值,含义为:根据数组ysz选取的值,选择er中与之对应的选项)→增加绑定。