解析Power Apps 自动生成的App - 4 - 编辑页面
接上节,本节解析编辑页面EditScreen1。
在第一节里提到过,编辑页面有两个功能,一个是用来新建条目,一个是对已有的条目进行编辑。因其表现形式完全一致,因此可以通过一个页面来实现。
各控件在页面里的对应关系如下图所示(对应EditForm1里的各个子控件,可一节详情页面类似,就不再具体标出,统一的框在红框里)。
页面主要有三个组件
1. 表单 EditForm1: 和上一节的详细信息页面里的表单DetailForm1一样,可以在右侧的属性栏里通过点击编辑字段来添加删除字段、调整字段的布局顺序等等。
要留意的是,对于EditForm1控件,其属性的主要设置为:
- DataSource = [@Purchasing] ---- 设置数据源, 这里也就是Sharepoint 的 Purchasing 列表。
提示:这里的@Purchasing涉及到一个作用域的概念,有时在App里会看到不加@的Purchasing。换句话说 @Purchasing 和 Purchasing 有什么区别? 其区别在于
- DefaultMode = FormMode.Edit ---- 设定表单的模式
- Item = BrowseGallery1.Selected ---- 设定在表单里要显示的内容为在BrowseGallery1里所点选的那个条目。
- OnSuccess = Back() ---- 设定成功执行动作后要处理的下一步动作,这里的Back()指返回上一个页面。
2. 取消编辑按钮: 左上角的 “X” 按钮。用来取消当前页面的操作。其属性设置如下:
- OnSelect = ResetForm(EditForm1);Back() -- 重置表单,然后返回上一页
- Icon = Icon.Cancel – 设置按钮的样式, Icon.Cancel 也就是这个 “X” 图标。
提示: 在插入(Insert)菜单里, 可以找到这些图标。每一个图标在系统内部都有对应的名称。可以通过 Icon的"."操作符加名称来引用这些图标。
3. 提交按钮: 右上角的 "V" 图标。 用来提交对当前表单所作的修改,将数据存储到后台的数据源。其属性设置为:
- OnSelect = SubmitForm(EditForm1) -- 提交表单
- Icon = Icon.Check ---- 设置图标样式
- DisplayMode = DisplayMode.Edit ---- 设置表单的显示模式为编辑模式。