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."


    附件列表


    主题: Creating a Dashboard
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy