反馈已提交

网络繁忙

Filter Component Controlling Multiple Components Through Associations

  • Last update:  2023-12-15
  • Overview

    Application Scenario

    You may need to filter components from other tables simultaneously through a filter component created by a table field.

    For example, you need to filter bank branches in different regions through a drop-down tree filter component to view their business conditions.

     1.gif

    Component Name
    Component TypeUsed Data Table

    Bank Institution

    Drop-down Tree Filter Component

    Institution Table

    User Permission Table

    Detail Table

    User Permission Table

    Business Transaction Table

    Detail Table

    Business Transaction Table

     

    Implementation Method

    To simultaneously filter multiple tables through the drop-down tree filter component, you can establish a self-looping column between the multiple tables and the table used by the filter component.

    Procedure

    Data Preparation

    You can download Sample Data.zip.

    1. Upload the sample tables in the business package, modify the field types of each table, and add inter-table associations for Institution Table, as showing in the following figure.

     2.png

     3.png

    2. Set Self-Looping Column for Institution Table, as shown in the following figure.

     4.png

    Component Creation

    1. Create an analysis subject in My Analysis, add the three data tables uploaded in Public Data, and create table associations in Model View, as shown in the following figure.

     5.png

    2. Add a component named User Permission Table and create a detail table, as shown in the following figure.

     6.png

    3. Add another component named Business Transaction Table and create a detail table, as shown in the following figure.

     7.png

    Filter Component Adding

    Add a dashboard, drag the two prepared detail tables to the dashboard, adjust the components, add a Drop-down Tree Filter Component, click Institution Table in All Fields, drag the relevant fields to Field, and rename Drop-Down Tree to Bank, as shown in the following figure.

     8.png

    Click OK. You can view the hierarchical relationship between the headquarter, branch offices, and sub-branch offices and filter the needed data.

    iconNote:
    Blank nodes store data that has not been grouped in the parent node.

    Effect Display

    The effect is same with section "Application Scenario."


    Attachment List


    Theme: ダッシュボードの作成
    前の記事
    次の記事
    • いいね
    • 良くない
    • 閲覧しただけ

    フィードバック

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭