1.其他元件
拖拽展示即可
内部框架:链接页面展示,预览才能看到效果
单选的互斥:选中>>指定单选按钮组
复选:组合就好
下拉列表/列表选择>>点击可设置
2.交互样式(仅对当前元件的样式进行更改)
选中元件,鼠标右键,选择【交互样式...】,选择交互触发类型,选择要更改的交互样式
使用交互样式实现鼠标悬停更改字体/填充颜色效果
3.交互动作(带有逻辑性) (可复制)
选中元件,在右侧交互面板选择交互事件类型,设置动作
使用交互事件实现显示与隐藏
4.交互情形(带有逻辑性)
跳转/显示隐藏 需要将前面的动态面板或者组合显示/隐藏
设置交互动作,在交互动作中添加情形并设置情形对应的动作 当某个元件的值满足A情形的时候做A动作,满足B情形的时候做B动作。
5.动态面板实现选项卡功能
动态面板有多个状态,每个状态对应不同的内容,给每个状态中添加内容(设置不同名称以便区别)
给元件绑定点击事件设置动态面板的状态
添加交互动作,切换动态面板状态实现切换内容的效果
滚动切换>>交互下一个>>循环(可设置移出时再循环)
6.母版
母板是对项目中公共内容提取
1)定义母版
2)将母版应用到页面中,在模板上右键,选择【添加到页面...】
只要修改母版,每个页面的母版内容就会改变
7.中继器(模态框/动态表格)※
1)显示数据源中额外的数据>>交互>>设置文本[[Item.数据列的名称]]
2)在中继器里添加表格>>删除表格内的文字>>覆盖在中继器白框里面>>
退出会发现有2列表格>>将表格取名(容易辨认)>>添加交互
3)删除行>>在中继器里加入按钮>>添加交互>>中继器动作(删除)
4)分页
在中继器的样式里分页面板,可以设置分页显示
给上一页和下一页按钮绑定点击事件,选择中继器中的【设置当前选择页
面】,在【页面那里选择下一页】。
5)新增>> 绘制模态框,默认隐藏。
用户点击新增按钮,模态框(遮盖)显示,用户输入数据,点击确定按钮,填充数据到数据集中(注意设置局部变量),模态框关闭>>设置【确定】交互中继器动作增加一行且显示隐藏模态框。用户再次点击新增按钮,模态框的时候,模态框内有上次填充的值,需要清空,给新增的按钮的点击交互里添加动作【设置文本】,设置要清空的元件的值为空。
8.模糊搜索
动作选择【添加过滤】>> 从字符串中选择了 indexOf 功能,规则设置为字符串的indexOf>-1
※ [[Item.数据源名称.indexOf(局部变量名称)>-1]]
新增局部变量
如:value=元件文字 搜索框(元件)
1.0
[[Item.content=='内容1']]
2.0
[[Item.content==value]]
注意声明局部变量value
3.0
[[Item.content.indexOf(value)>-1]]
[[Item.content.indexOf(value)>-1]]