解析Power Apps 自动生成的App - 4 - 编辑页面

上节,本节解析编辑页面EditScreen1。

第一节里提到过,编辑页面有两个功能,一个是用来新建条目,一个是对已有的条目进行编辑。因其表现形式完全一致,因此可以通过一个页面来实现。

各控件在页面里的对应关系如下图所示(对应EditForm1里的各个子控件,可一节详情页面类似,就不再具体标出,统一的框在红框里)。

解析Power Apps 自动生成的App - 4 - 编辑页面

页面主要有三个组件 

1.  表单 EditForm1:  和上一节的详细信息页面里的表单DetailForm1一样,可以在右侧的属性栏里通过点击编辑字段来添加删除字段、调整字段的布局顺序等等。 

解析Power Apps 自动生成的App - 4 - 编辑页面

要留意的是,对于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的"."操作符加名称来引用这些图标。

解析Power Apps 自动生成的App - 4 - 编辑页面

3.  提交按钮: 右上角的 "V" 图标。 用来提交对当前表单所作的修改,将数据存储到后台的数据源。其属性设置为:

  • OnSelect = SubmitForm(EditForm1)   -- 提交表单 
  • Icon = Icon.Check  ---- 设置图标样式
  • DisplayMode = DisplayMode.Edit   ---- 设置表单的显示模式为编辑模式。