制作新增弹出窗口的6个步骤，你知道吗？

制作新增弹出窗口的6个步骤，你知道吗？

　　5、新建弹窗，在画布中拖入4个输入框和对应的文本标签，拖入保存和关闭按钮，选中这些组件，转换成动态面板，设置为隐藏状态。并将动态面板命名为 add

　　6、与第5步类似，做一个修改弹窗，但请注意修改窗口中的号码输入框是禁用的（一般是不能修改号码的）

　　通过以上6个步骤，我们就完成了原型设计。

　　【交互设计】

　　1、设置数据加载：首先我们需要对数据进行初始化，选择repeater的[each item loading]事件，在repeater列表中设置每个item加载时的值；

　　2、设置页面显示：选择repeater，在style中选择页面显示，每页5条记录即可；

　　3、设置翻页：选择上一页，选择【点击】事件，然后选择repeater动作的【设置当前显示页面】事件，设置页面为【上一页】

　　下一页类似，不同的地方在选择页上设置为[next]

　　4、Add按钮：点击添加按钮显示隐藏的动态面板添加，即选择新建按钮的[click]事件触发组件的[display]事件

　　5、添加保存：点击添加保存时，需要做两件事：

　　A.将输入的数据保存到数据中继器对应的数据源中；

　　B.关闭新的弹出窗口；

　　对于A，使用repeater的新记录动作完成；

　　对于B，使用隐藏动态面板的动作来实现；

　　6、Modify data：修改数据与新增数据类似，但有少许区别。只是在弹出的修改窗口中，要显示相应的修改记录，需要先修改修改窗口中的数据，然后才能显示修改窗口。赋值；

　　7、Modification and save：修改和保存类似于添加和保存。必须完成两个动作：

　　A.将修改后的数据保存到数据repeater对应的数据源；

　　B.关闭新的弹出窗口；

　　对于A，使用repeater的修改记录动作完成；

　　对于B，使用隐藏动态面板的动作来实现

　　8、Delete：删除比较简单，可以通过删除按钮的点击事件直接触发repeater的删除动作；

　　9、Sorting：排序功能由repeater中添加排序事件类完成，即设置排序按钮的点击事件触发repeater添加排序动作。这里一定要注意一下，因为每次点击排序按钮都是升序和降序切换，所以需要选择切换进行排序。

　　[摘要]

　　通过上面的简答示例，我详细解释了如何使用中继器。中继器是一个强大的组件。你还需要在具体项目中多加练习。