Aure教程:网页二级联动交互应该怎么做?
本文用案例说明一下网页二级联动交互怎么做,主要是表单元件结合动态面板来实现~
步骤如下
(1)准备下拉列表框
选择一个表单元件,我们要选择的是“下拉列表框”,对表单元件进行简单的美化操作(如下图所示)。
(2)添加动态面板
在“市”后面添加一个动态面板,动态面板的名称命名为“市”。
(3)设置“省”后面的下拉列表框
这次我们的事例简单演示一下三个省,安徽省、山东省、河北省,选择每个省时,相对应的是省下面的市。双击下拉列表框,添加三个省的名称。
(4)设置“市”后面的动态面板
因为要做三个省对应下面的市,所以在“市”的动态面板下面添加三个动态面板。添加完之后,重命名。
双击“安徽省”动态面板,复制或添加一个下拉列表框到动态面板里面,然后双击进行编辑,添加安徽省下面所有对应的市(如下图)。
下面两个省,如同安徽省的操作一样,操作两次。
(5)回到index主面板,对省后面的下拉列表框添加“交互事件操作”
双击“选项改变时”。
同样的方法操作下面两省即可(如下图)。
网页二级联动交互完成了,你可以验证一下~
作者 @葛园园 。
关键字:联动交互, 初级
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!