动态面板
超市大屏上图片展示一般都用到了轮播图,轮播图就是用动态面板制作的。在编辑页面元件库中插入一个动态面板,在不同的状态编辑中插入不同的图片,大小要和设置的动态面板大小相同,不然页面显示不完整。
下面制作了一个复杂的动态面板,实现了按钮的跳转控制,在轮播图的状态改变时,按钮的状态也随之改变。这里按钮的实现需要注意:对按钮指定相同的选择组,这样他们的显示状态为互斥事件,每次只有一个按钮显示选中。
下面是利用动态面板制作的一个时钟读取的小案例,在动态面板元件设置两个状态,制作两个不同的时间显示。例如:10:10:10;10:10:22.方便时钟的跳转。[[Now.getHours()]]:[[Now.getMinutes()]]:[[Now.getSeconds()]]
学习到这里,目前掌握的比较特殊的元件颜色有5种:热区 绿色,母版 粉色,动态面板 蓝色,隐藏 黄色(在软件登录下方有隐藏选框),中继器 淡绿色。接下来就是中继器的使用。
中继器
下面是利用中继器制作的简单的增删查改,在页面中拖入一个中继器元件,在元件中进行编辑,图案的设定,新建和批量删除等一系列按钮或者其他设置是在主编辑页面进行设计。
在进行新建信息时会弹出新建列表,我们使用动态面板进行设计,点击编辑按钮时动态面板显示,页面编辑完成或者取消时将动态面板隐藏,并且将新建的信息链接到中继器中进行新增信息更新。这些步骤使用动态面板进行设计,建立两个状态,新建,编辑。
在中继器内部添加编辑和删除按钮,增加复选框可以在外部设置批量删除按钮时链接在一起。编辑信息制作与新建信息制作类似,不同的是新建时内容是空白的,编辑是需要从中继器中获取表单信息。这时如果选中了其他信息的复选框,在点击另一信息的编辑按钮时需要将其他标记取消,标记当前所在的元件信息。
学生成绩录入系统
学生成绩录入系统和上面的案例原理相同,页面设计不同而已。
在下方插入一个中继器,利用中继器进行增删改查
下面的案例是一个手机页面的小案例,可以利用内部框架或者活动面板制作。