FVS Table Component(Fast Version)

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 (fast version) 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 (fast version), 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

Compared with the table component, the table component (fast version) has the following characteristics:

1. Fast loading speed

The table component is rendered using the iframe method, and the table component (fast version) is rendered using the canvas method. The same content, the table component (fast version) loads faster.

Table component:

Table Component (Fast Edition):

2. The pop-up box works globally

The table component (fast version) does not have the limitation of iframe, and the hyperlink can directly act on the FVS canvas and will not be truncated in the table component.

3. Support JS API that directly triggers FVS

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

However, the Javascript script of the table component (fast version) can be directly passed to the outer FVS template.

For example setting hyperlinks to cells - Javascript scripts to toggle pagination

The table component code is:

表格组件代码为：

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

The table component (fast version) code is:

duchamp.switchStory("Page1");

1. New component

Create a new big screen dashboard:

Add a Table Component (Fast Version) to the page. As shown below:

2. Edit component

There are two entrances to edit the table component (fast version): 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 (fast version), 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 (fast version), not on the content.

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

The table component fast version) has its own optimized scroll bar function.

In the table component (fast version) 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.

However, it should be noted that the table component (fast version) only supports JavaScript scripts, and does not support Commit to Database, Custom Submit, Send Email and Mobile Pop-up.

And the JS writing of the table component and the table component (fast version) are not exactly the same, such as the marquee:

1) table component (fast version) writing:

Start the marquee:

setTimeout(() => {
        duchamp.getWidgetByName("table").startMarquee()
}, 500)

Stop the marquee:

setTimeout(() => {
        duchamp.getWidgetByName("table").stopMarquee()
}, 500)

2) Table component writing:

Start marquee: 

_g().startMarquee()

Stop marquee: 

_g().startMarquee()

The table component (fast version) 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 (fast version)

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. Cell Hyperlinks

Hyperlinks in cells are not supported in any of the following cases

7. Suspended elements

Floating element are not supported

8. Chart Special Effects

Among the cell chart special effects, export image, monitor refresh, and hyperlink are not supported.

For the completed template, please refer to: 

FVS Table Component(Fast Version) Example.fvs