FxObjectDetailRelatedlist组件

用于展示关联对象的数据列表。

Attributes

参数	说明	类型	可选值	默认值
apiName	业务对象apiname	String	-	-
dataId	业务对象数据id	String	-	-
compInfo	组件描述信息	Object	-	-
hooks	查询关联对象数据前的钩子函数	Function	-	-

compInfo

参数	说明	类型	可选值	默认值
field_api_name	通过哪个关联字段关联的	String	-	-
header	关联对象列表标题	String	-	-
ref_object_api_name	关联对象apiName	String	-	-
related_list_name	关联对象列表name	String	-	-

此参数可以先配置一个关联对象列表，通过查看接口将数据复制过去。

简单使用

组件通过 FxUI.component.get('ObjectDetailRelatedlist') 获取。

<template>
    <object-detail-relatedlist v-bind="dTableOpts"></object-detail-relatedlist>
</template>
<script>
    export default {
		components: {
			ObjectDetailRelatedlist: FxUI.component.get('ObjectDetailRelatedlist')
		},
        data() {
            return {
                dTableOpts: {
                    apiName: 'object_4jzj7__c',
                    dataId: '61baa65af9b3c2000171c53a',
                    compInfo: {
                        field_api_name: "field_4J1h2__c",
                        header: "自定义对象-2233",
                        ref_object_api_name: "object_esak6__c",
                        related_list_name: "target_related_list_qqefs__c"
                    }
                }
            }
        }
    }
</script>

组件扩展

为了满足企业定制化的需求，这里我们为开发者提供了一些扩展方式，能够快速开发出相应功能。

钩子

从对象列表页在渲染前，都要经过一系列的过程--例如，初始化表格、请求表格设置项数据、解析表格设置项数据、请求列表数据、解析列表数据等。同时在这个过程中也会运行一些叫做钩子的函数，这给了开发人员在不同阶段添加自己的代码的机会。

<template>
    <object-detail-relatedlist v-bind="dTableOpts"></object-detail-relatedlist>
</template>
<script>
	export default {
		components: {
			ObjectDetailRelatedlist: FxUI.component.get('ObjectDetailRelatedlist')
		},
		data() {
			return {
				dTableOpts: {
					apiName: 'object_4jzj7__c',
					dataId: '61baa65af9b3c2000171c53a',
					compInfo: {
						field_api_name: "field_4J1h2__c",
						header: "自定义对象-2233",
						ref_object_api_name: "object_esak6__c",
						related_list_name: "target_related_list_qqefs__c"
					},
					hooks: {
						parseParam (param, table) {
							// 请求数据前的参数
							return param;
						}
					}
				}
			}
		}
	}
</script>

钩子

hooks (暂时支持的钩子如下)

参数	说明	类型	参数	返回值
getOptions	扩展关联对象列表选项	Function	options, table	对第一个参数进行扩展处理，并返回
parseParam	扩展关联对象列表请求参数	Function	param, table	同上
parseTerm	扩展关联对象列表场景	Function	term, table	同上
parseData	扩展关联对象列表数据	Function	data, table	同上
parseColumns	扩展关联对象列表列数据	Function	columns, table	同上
parseBatchButtons	扩展关联对象列表批量按钮	Function	batchButtons, layoutButtons	同上
parseTopButtons	扩展关联对象列表右上方操作按钮	Function	layoutButtons	同上
getExtendAttribute	扩展关联对象列表表头请求参数	Function	attr, table	同上