FxObjectDetailMultiTable组件

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

Attributes

参数	说明	类型	可选值	默认值
apiName	业务主对象apiname(必填)	String	—	-
dataId	业务主对象数据id	String	—	-
compInfo	组件描述信息	Object	—	-
beforeFetch	查询从对象数据前的钩子函数	Function	—	-

compInfo

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

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

简单使用

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

<template>
    <object-detail-multi-table v-bind="dTableOpts"></object-detail-multi-table>
</template>
<script>
    export default {
		components: {
			ObjectDetailMultiTable: FxUI.component.get('ObjectDetailMultiTable')
		},
        data() {
            return {
                dTableOpts: {
                    apiName: 'object_VPAhX__c',
                    dataId: '60eea4cc282e4e00019433fb',
                    compInfo: {
                        field_api_name: "field_k9395__c",
                        header: "wj-回归从",
                        ref_object_api_name: "object_nlVOb__c",
                        related_list_name: "target_related_list_ngdm8__c"
                    }
                }
            }
        }
    }
</script>

组件扩展

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

钩子

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

<template>
    <object-detail-multi-table v-bind="dTableOpts"></object-detail-multi-table>
</template>
<script>
	export default {
		components: {
			ObjectDetailMultiTable: FxUI.component.get('ObjectDetailMultiTable')
		},
		data() {
			return {
				dTableOpts: {
                    apiName: 'object_VPAhX__c',
                    dataId: '60eea4cc282e4e00019433fb',
                    compInfo: {
                        field_api_name: "field_k9395__c",
                        header: "wj-回归从",
                        ref_object_api_name: "object_nlVOb__c",
                        related_list_name: "target_related_list_ngdm8__c"
                    },
                    beforeFetch: this.beforeFetch
                }
			}
		},
        methods: {
            beforeFetch(params) {
                // todo what you want
                return params;
            }
        }
	}
</script>

钩子

beforeFetch

参数：

• params: Object：
  • search_query_info: String：列表数据筛选条件，json字符串

返回：

需要返回请求接口时需要传递的参数。

用法：

列表页调用接口时调用，发生在调用接口之前。这里可以修改调用接口的请求参数。

export default {
    beforeFetch(params) {
        // 按照字段进行筛选
        // search_query_info - json字符串
        params.search_query_info = "{\"limit\":2000,\"offset\":0,\"filters\":[{\"field_name\":\"life_status\",\"field_values\":[\"ineffective\"],\"operator\":\"EQ\"}]}";
        // 处理 params
        return params;
    }
}