Used to display the data list of child objects.

Attributes

Parameter	Description	Type	Optional Values	Default
apiName	Main business object apiName (required)	String	—	-
dataId	Main business object data ID	String	—	-
compInfo	Component description information	Object	—	-
beforeFetch	Hook function before querying child object data	Function	—	-

compInfo

Parameter	Description	Type	Optional Values	Default
field_api_name	Which related field is used for the association		—	-
header	Child object title	String	—	-
ref_object_api_name	Child object apiName		—	-
related_list_name	Child object list name		—	-

This parameter can be configured first by using a child object list and then copying the data by inspecting the interface.

Basic Usage

The component is obtained through 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-child regression",
                        ref_object_api_name: "object_nlVOb__c",
                        related_list_name: "target_related_list_ngdm8__c"
                    }
                }
            }
        }
    }
</script>

Component Extension

To meet enterprise customization needs, the component provides several extension methods that allow developers to quickly build corresponding functions.

Hooks

Before the child object list page is rendered, it goes through a series of steps such as initializing the table, requesting table configuration data, parsing table configuration data, requesting list data, and parsing list data.

<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-child regression",
                        ref_object_api_name: "object_nlVOb__c",
                        related_list_name: "target_related_list_ngdm8__c"
                    },
                    beforeFetch: this.beforeFetch
                }
			}
		},
        methods: {
            beforeFetch(params) {
                return params;
            }
        }
	}
</script>

Hooks

beforeFetch

Parameters:

• params: Object
  • search_query_info: String: list data filter conditions, as a JSON string

Return:

Needs to return the parameters that should be passed when requesting the interface.

Usage:

Called when the list page invokes the interface, before the API call happens.

export default {
    beforeFetch(params) {
        params.search_query_info = "{\"limit\":2000,\"offset\":0,\"filters\":[{\"field_name\":\"life_status\",\"field_values\":[\"ineffective\"],\"operator\":\"EQ\"}]}";
        return params;
    }
}