PageHeader 页头

本章节主要描述的是pageHeader组件的使用方法和参数详解，用于在页面顶部标题、标签、回退按钮。

组件属性

• 宽度：pageHeader整体的宽度
• 返回上一页按钮：true和false是否展示最左侧的回退按钮。

标题区

• 配置方式：固定值和动态字段
• 标题：pageHeader的主标题。
• 二级标题：pageHeader的复标题。
• 标签文字：pageHeader的标签文案内容。
• 标签颜色：pageHeader的标签文案内容的背景颜色。

操作区

• 添加按钮：点击添加字段按钮可进行按钮的添加。
• 删除：点击删除按钮可删除已维护的按钮。
• 修改：点击修改按钮可对按钮进行详细属性设置。

字段详细属性设置

• 按钮名称：填写的按钮组件名称的国际化 Key
• 按钮图标：点击选择按钮组件上显示的图标。
• 按钮类型：按钮的风格类型。
• 是否控制权限：true和false通过权限编码控制按钮

组件方法

设置数据（setData）

方法说明

该方法用于通过事件动态设置 pageHeader 的 标题的key、二级标题的key、标签文字的key 参数。适用于 pageHeader 根据接口更改页头，内容大体相同不想重新开发一个页面，仅仅更换页头的场景。

方法参数

• 最外层是一个对象 【Object】 里面包含三个参数分别是标题的key、二级标题的key、标签文字的key，这个是动态字段配置的字段名

方法示例

ctx.componentMethod("pageHeader组件key", "setData", {'标签文字的key':'测试标题','标签文字的key': '小测试','标签文字的key': 'test'})

事件配置

点击下方的按钮事件，添加点击按钮时需要触发的其他组件的操作。

组件方法

• 目标组件：选择目标组件。
• 目标事件：选择目标组件的事件。

API 调用

• 请求类型：选择请求类型 GEI、POST、DELETE。
• API url：填写请求的 url。

内置动作

• 目标组件：打开弹窗、链接，关闭页签，页面加载动作。
• 目标事件：选择组件内的事件。

页面JS

• 函数：调用组件方法，获取组件参数，api请求，路由跳转
• 组件方法：组件可执行的事件
• 组件key：组件的唯一标识。
• 组件参数：组件数据。