简体中文
detail.form.render.before
约 329 字大约 1 分钟
2025-12-16
该钩子发生在详情页详细信息组件渲染之前。 渲染对象详情详细信息组件之前执行额外的业务动作,包含且不限于以下功能:
- 字段样式
- 显示全部信息开关
参数
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| 通用参数 | 详见 | -- | -- | -- |
返回结果
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| fieldComponents | 自定义字段组件(示例) | Object | -- | -- |
| pluginComponentStyle | 组件样式(示例) | Object | -- | -- |
| showAll | 显示全部信息(示例) | Boolean | -- | -- |
基础示例
基础用法:
export default class Plugin {
apply() {
return [{
event: 'detail.form.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve();
}
}自定义字段
export default class Plugin {
apply() {
return [{
event: 'detail.form.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve({
fieldComponents: {
field_a3xkc__c: {
props: ['field', 'data'],
render(h) {
return (
<div>自定义字段</div>
);
}
}
},
});
}
}组件样式
export default class Plugin {
apply() {
return [{
event: 'detail.form.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve({
componentStyle: {
fieldLabelStyle: "" // 字段label样式
fieldValueStyle: "" // 字体value样式
fieldStyle: "" // 字段样式,设置列宽间距等
}
});
}
}显示全部信息
export default class Plugin {
apply() {
return [{
event: 'detail.form.render.before',
functional: this.renderBefore.bind(this)
}]
}
renderBefore(context, plugin) {
return Promise.resolve({
showAll: true, // 组件右上角显示全部信息是关闭还是开启,默认读取缓存里面的上一次用户使用状态
});
}
}