定义视图内容

您可以定义视图在运行时向用户显示的内容。

1. 切换到 " 布局 " 页面以向视图添加视图和其他项。
   您可添加到布局的视图为来自 UI Toolkit 的视图。 有关可用 UI 视图的更多信息，请参阅 UI Toolkit。
2. 如果视图具有多个信息区域，请使用工具栏滑块并选择 网格，然后构建相应的网格模式。 使用插入点来添加网格单元格或容器，以指定这些区域的位置。
   有关如何使用网格布局的信息，请参阅 使用网格布局展示 Coach 或视图
   例如，如果视图包含一个供用户选择内容的区域以及另一个显示该选项相关信息的区域，那么可以使用网格来创建两个单元格，一个用于选择区域，另一个用于信息区域。
   请记住: 还要考虑视图是否将嵌套在其他视图中，以及这将如何影响布局。 例如，假定您创建的视图包含一个 4 个单位宽的单元格和另一个 8 个单位宽的单元格。 如果将该视图放入页面中 3 个单位宽的单元格中，那么该视图中的内容将只占用 3 个单位的宽度（对第一个单元格使用 1 个单位，对第二个单元格使用 2 个单位）。
3. 要向视图添加内容，请从工具栏滑块中选择 内容 。 在画布上，单击添加内容以显示弹出窗口，其中列出可供您添加到自己的布局中的所有视图。
   如果您不使用网格单元格，请使用水平和垂直布局来对相关视图进行分组或者排列视图（如果需要）。 有关发生的数据绑定的信息，请参阅 视图的数据绑定。 有关如何创建自己的视图的示例，请参阅 示例: 创建 jQuery 按钮视图

   将视图添加到布局时，将自动选择该视图并显示其属性。

   请记住: 在定义布局时，请考虑各种浏览器的影响以及必须执行的操作以处理它们之间的差异。 例如，Safari 浏览器没有滚动条。 由于没有滚动条，因此它显示的内容可能不完整，例如，当表单元格包含的内容量超出其框架可容纳的内容量时。
4. 对于添加到布局的每个视图，请定义其属性。
   在布局上选择视图时，会显示弹出图标，以便您更改标签、剪切或复制视图。 将鼠标悬停在视图上时，将在其两侧显示插入点。 单击插入点以显示弹出窗口，其中会显示您可在所选视图两侧、上方或下方添加的所有视图选项。
   请注意，添加到布局的每个项都是一个独立的实例，因此，更改其属性不会影响其他实例的属性。 例如，您可以放入两个“文本”视图实例。 更改其中一个实例的名称并不会影响另一个实例。 但是，如果双击布局中的视图实例，那么将在编辑器中打开该视图。 如果随后编辑了该视图，那么会更改其定义。 这些更改将影响该视图的所有现有和未来的实例。
   1. 定义视图实例的常规属性，包括设置以下属性：
      • 将其标签更改为相应的文本。
      • 通过从列表中选择数据（例如，业务对象或其某个参数）以将其与该数据绑定。 列表包含了在“变量”页面中定义且其类型与为视图定义的数据绑定类型相同的变量。 如果选择的类型与视图数据绑定的类型不匹配，那么将出现一条警告。
      • 更改视图实例使用的定义。 如果选择现有的视图定义，那么列表包含其数据类型与为数据绑定定义的类型相匹配的视图定义。

      有关这些属性的信息，请参阅 查看常规属性。
   2. 通过为每个选项选择或输入值或者分配变量（如果此选项可用）来配置视图实例。
      要将配置属性设置为变量，请单击 。 单击选择，然后从列表中选择变量。 列表包含其数据类型与为配置选项定义的类型相匹配的变量。

      提示: 或者，您可以单击 以创建与配置属性的数据类型匹配的唯一配置选项，并自动与其绑定。

      重要信息: 设计人员以不同于通过变量设置的字符串的方式处理直接在配置属性中设置的字符串。 如果通过直接将字符串输入到配置属性来设置字符串，请勿使用引号将字符串括起。 如果通过变量来设置字符串，请使用引号将字符串括起，并在需要的位置使用转义字符。 例如，有一个要仅包含五位数字的“文本”视图。 此“文本”视图具有验证字段。 在该字段中，以字符串形式输入用于对“文本”视图内容进行求值的正则表达式。 如果输入验证字符串，请输入。 如果将验证指定给变量，那么该变量是值为 "" 的字符串。

      另一种方法是，您可以向包含您的视图的视图或页面公开某些配置属性。 例如，在视图中，添加一个复选框（作为一组单选按钮），并公开其“True 标签”和“False 标签”配置属性。 然后，包含您的视图的页面或视图可以将这些标签设置为适合于该页面或视图的内容。 公开配置属性会自动创建一个配置选项（作为当前视图中的变量）。 此配置选项具有与所选视图中定义的内容相匹配的数据绑定。 要公开配置属性，请单击 。
   3. 设置视图实例的高度和宽度，并通过设置其样式属性来设置该实例周围的填充量。
      有关信息，请参阅 视图实例的定位选项
   4. 设置父页面或视图显示视图实例的方式。
      有关信息，请参阅 设置视图的可视性。 有关可视性值的信息，请参阅 查看常规属性。
   5. 可选: 要覆盖实例上的现有样式，请向其添加 HTML 属性和类。
      有关添加类以更改文本框标签位置的信息和示例，请参阅 HTML 属性。
5. 单击 保存 或 完成编辑。