1级选项器选择之后,我们就用启动的交互,将前面禁用的市级行政区的文字启用,这样就可以点击了。
在点击之前,我们还要用筛选的事件,因为现在二级选择器里面的内容是全部选项,我们要筛选出该一级选项对应的二级选项,所以用筛选事件,筛选的条件就是当前中继器表格当前行的Column1列的文字值等于二级选择器里中继器表格中Column1的文字值。
选择之后,我们还要将文本回显到回显框里,我们用设置文本的交互,将中继器表格中当前行Column1的值设置到回显框里即可。
最后我们触发二级标签文字(市级行政区)鼠标单击时的交互。
4. 二级标签文字的交互事件
二级标签文字鼠标单击时,首先用选择的事件,将当前元件设置为真,结合前面的选中样式,改文本就会显示下边线。
然后我们用设置面板状态的交互,将选择器的动态面板设置到2级选项的面板,这样我们就可以继续选择二级的选项。
最后,我们如果需要做一个背景矩形和动态面板自适应尺寸的大小,就是随着选项多少自动改变尺寸。我们用设置尺寸的交互,宽是还是原来的宽度,高度我们设置为二级选项中继器的高,背景矩形还要额外留出一点空隙。
5. 二级选择器交互事件
二级中继器每项加载时,这里和前面一级中继器的交互基本一样,唯一不同的点是一级中继器设置文本是按Column1列的值设置,这里改成按Column2列的值来设置。
同样鼠标移入矩形时,我们用选中的交互,将矩形设置为真;鼠标移出矩形时,我们用选中的交互,将矩形设置为假。结合前面设置的选中样式,就会有一个移入变色的效果。这里和一级中继器里面的是一样的。