FVS Table Component

Applicable scenarios: Users who have installed the "FVS Large Screen Editing Mode" plugin can refer to this article to learn about the related functions of the FVS template.

1. Version

2. Function introduction

The table component is basically the same as the usage of the general report .cpt template.

Note: This article only introduces the unique functions of the table component, and other attributes are not repeated.

For component interaction, please refer to: FVS Component Frame Interaction Attributes

For component animation, see: FVS Component Frame Animation Attributes

For component attributes, please refer to: FVS Component Attributes

Create a new big screen dashboard:

Add a Table Component to the page. As shown below:

There are two entrances to edit the table component: click the Edit button in the upper right corner of the component; or select the component and click the Edit Component button in the configuration bar on the right. As shown below:

After entering the editing page of the table component, you can edit it in the same way as a general report.

After editing, click Back to Editor to automatically save and return to the screen interface.

The adaptive setting of FVS large screen only takes effect on the frame of the table component, not on the content.

To adapt the content of the table component, you need to configure the PC Adaptive Attr in the editing interface of the table component. As shown below:

The table component has its own optimized scroll bar function. As shown below:

In the table component editing area, select Template > Table After-load Event in the menu bar, and you can enter JavaScript code to take effect for the table component.

The table component is basically the same as the use of the general report .cpt template.

However, the following function points are not supported by the table component.

1. Menu bar

The menu bar is mostly supported, but:

Template: Only supports template datasets, template parameters, and PC adaptive attr. Only the repeat and freeze settings are supported, and the frozen settings of the data entry are not supported.

Cell: Widget Settings is not supported, the rest are supported.

2. Preview Mode

Only support preview mode without pagination, the effect is the same as &__bypagesize__=false. For details, see: Display data without pagination

Pagination preview, data entry preview, data analysis preview, mobile preview and other preview methods are not supported.

3. Multiple sheets

Multiple sheets are not supported.

4. Widgets

Widget setting are not supported.

5. Parameters

The parameter interface setting is not supported.

6. JavaScript Event

If a hyperlink-Javascript script is set to a cell, it cannot be passed to the outer FVS template. If it must be passed, add parent.window before the code.

For example, to set the toggle pagination event in the interactive click event of the title component, the code is:

duchamp.switchStory("Page1");

And set the toggle pagination event in the hyperlink-Javascript script of the cell of the table component, the code is:

parent.window.duchamp.switchStory("Page1");

For the completed template, please refer to: 

FVS Table Component Example.fvs