跳到主要内容

标题面板

这是一个会显示当前对象显示名称和当前记录显示名称的面板组件，一般用于在记录详情界面顶部显示标题信息。

该组件最核心的价值在于会在右侧显示出当前登录用户对当前对象记录有操作权限操作按钮，比如编辑、删除、打印等操作按钮。

基本用法​

最基本的用法是配置组件的“对象”及“记录ID”属性，就可以显示出某条对象记录的标题面板界面效果。

如下所示我们配置对象表单的“对象”属性为当前对象，“记录ID”属性为当前记录：

{
    type: 'page',
    title: '列表视图',
    body: {
        "type": "steedos-record-detail-header",
        "objectApiName": "${objectName}",
        "recordId": "${recordId}",
        "className": "bg-gray-100 border-b sm:shadow sm:rounded sm:border border-slate-300 p-4 mb-4"
    },
  }

如果我们新建一个指向人员对象的微页面，并拖动一个标题面板组件到画布，可以看到该组件生成了类似上面的amis Schema配置。

发布后，我们就可以在人员对象的记录详细页面看到人员记录标题面板界面效果。

objectApiName属性可以被配置为像space_users或accounts这种固定值，也可以配置为变量，而变量objectName在“记录页面”、“列表页面”以及“表单”类型的微页面中存储了当前对象Api名称。

recordId属性类似的可以配置为某个具体的记录id值，但是一般我们会配置为变量，比如在“记录页面”或“表单”类型的微页面中配置为当前记录Id值。

属性表​

该组件支持下面的配置。

属性名类型默认值说明
objectApiNamestringspace_users关联对象api名称
recordIdstring无关联记录ID值
classNamestringbg-gray-100 border-b sm:shadow sm:rounded sm:border border-slate-300 p-4 mb-4CSS类名
微信扫码