FxLwtTable Component

Used for displaying composite tables.

Attributes

Parameter	Description	Type	Optional Values	Default
id	Composite table ID (required)	String	—	-
tableHeight	Table height	Number	—	-
tableWidth	Table width	Number	—	-
pageSize	Number of items per page	Number	—	-
pageNumber	Page number	Number	—	-
filterList	Filter conditions	Array	—	-

Basic Usage

The component can be obtained via FxUI.component.get('BILwtTable').

Usage

1. Set request parameters by calling setQueryParams
2. Send request with queryData

Code example:

<template>
    <div id="graphWrap">
        <lwt-table 
            class="tableWrap"
            v-loading="loading"
            fx-loading-text="Loading..."
            ref="BITable"
            :key="id"
            :table-height="tableHeight"
            :table-width="tableWidth"
            @onLwtMounted="lwtMounted"
            :on-after-render="afterRender"
        ></lwt-table>
    </div>
</template>
<script>
export default {
    components: {
        LwtTable: FxUI.component.get('BILwtTable')
    },
    data() {
        return {
            id: 'BI_lwt_1658322497512',
            filterList: [],
            queryParams: {},
            tableHeight: 500,
            tableWidth: 800,
            tableHeadFieldList: [],
            loading: false,
        }
    },
    methods: {
        lwtMounted() {
            this.loading = true;
            this.queryParams = {
                id: this.id, // required
                filterList: [],
                pageSize: 20,
                pageNumber: 1,
            };
            this.$refs.BITable.$refs.lwtCom && this.$refs.BITable.$refs.lwtCom.lwtQuery.setQueryParams(this.queryParams);
            this.$refs.BITable.$refs.lwtCom && this.$refs.BITable.$refs.lwtCom.queryData();
        },
        afterRender() {
            console.log('Loading completed')
            this.loading = false
        }
    }
}
</script>

Component Extension

To meet enterprise customization requirements, we provide developers with several extension methods for rapid feature development.

Component Slots

The component slot mechanism allows developers to replace certain components or component types with their own implementations, thereby modifying the interaction patterns of those fields.