Buzzy Documentation
  • Welcome to Buzzy
  • Getting Started with Buzzy
    • Getting Started Guide
      • 1. Starting with Buzzy AI
      • 2. The Buzzy Workspace
      • 3. Create a new app
      • 4. Preview and edit your app
      • 5. Manage your app
      • 6. Import your app to Figma
      • 7. Using Buzzy with Figma
      • 8. The Buzzy Figma plugin
      • 9. Creating a simple app
      • 10. Screens and navigation
      • 11. Forms, fields and data
      • 12. Data-driven menus & content
      • 13. Data edit and delete
      • 14. Search, sort and filter
      • 15. User login and registration
    • Buzzy AI or Figma first?
  • Working with Buzzy
    • Buzzy AI
      • About Buzzy AI
      • Kickstart with AI
      • Enhance with Figma
      • Extend with Code
      • Example prompts
      • Tips
      • Troubleshooting Buzzy AI
      • AI tokens and pricing
    • Buzzy for Figma
      • About Buzzy for Figma
      • Learning Figma
      • Creating a new app directly in Figma
        • Step by step version
      • Automarkup
      • Responsive layouts
      • Responsive layout checklist
      • Overflow and scrolling
      • Forms and fields
      • Images and galleries
      • Logging users in to your app
      • Theming
      • Troubleshooting Buzzy for Figma
      • Plugin error messages
    • Buzzy Deployment & App Stores
      • Setting up your custom Buzzy app
      • Connecting your own server
      • Apple & Google App Stores
    • Buzzy Marketplace
      • Buzzy Accreditation
    • Buzzy Project Guide
    • Buzzy App Examples
      • Buzzy Templates
      • AI-Powered Chat App
      • AI-Powered Custom T-Shirt App
      • AI-Powered Strategy App
      • AI-Powered Stock Portfolio App
      • Golf Course Finder
      • Personal Finance App with Figma AI
    • FAQs
  • The building blocks
    • Datatables, Fields & Data
      • Introduction to Fields
      • Basic Fields
        • Text
        • Number
        • Date
        • Location
        • Toggle
        • Checkboxes
        • Checklist
        • Selectlist
        • Rating
        • Attachments
        • Images
        • Signature
        • Audio Recording
        • Embedded Link
      • Advanced Fields
        • Formula
        • Sub tables
        • Linked Table field
        • Button
        • Teams
        • Payment
        • Notification
        • Event
        • User Vote
      • Display Fields
        • Header
        • Display Text
        • Image
        • Divider
      • Metadata Fields
        • Author Name
        • Author Phone
        • Submitted
      • Filter Controls
        • Viewers
        • Tags
        • Condition
      • External Fields
        • IBM Connections File
        • Box File
      • Sort Fields
      • Formulas
      • Datatable to Datatable Relationships
      • Security and Access Control
      • Displaying a field based on the values of other fields
      • Hiding a field based on role using a display formula
      • Importing data from a text file
      • Importing data from a URL
      • Import data from Datatable
      • Export data using Chrome
      • Export data in Browser
      • Export data using Safari
      • Datatable Field Type - Cheat Sheet
      • Troubleshooting Fields & Data
    • Code widget (custom code)
      • Code Widget Fields - Advanced Guide
      • New Async API + React HTML Components
      • Examples
        • Image Galley Slideshow
        • Ratings Average and Distribution
        • Event Locations Map
    • Analytics
  • Troubleshooting
    • App Error Codes
      • Action Error
      • App Not Found
      • Component Missing
      • Component Not Set
      • Component Settings Error
      • Datatable Not Found
      • Datatable Not Set
      • Field Not Found
      • Field Not Set
      • No App Selected
      • No Context Name
      • No Screens Found
      • Runtime Exception
      • Screen Not Found
      • Screen Not Set
    • Troubleshooting Buzzy AI
    • Troubleshooting Figma
  • REST API
    • Buzzy REST API
      • Integrating 3rd party applications
      • REST API
        • login
        • createappwithprompt
        • MicroApp Data Operations
          • microappdata
          • microappdata/row
          • insertmicroapprow
          • updatemicroapprow
          • removemicroapprow
          • microappchild
        • User & Organization Operations
          • userid
          • insertteammembers
          • teammembers
          • insertorganization
          • insertteam
        • enforceteammembership
      • Node.js API Client
      • Datatable Rules
      • Datatabledata Tutorial
      • Integrating with Mailchimp
      • Python Access Datatable
  • Advanced Deployment Settings
    • Installation
      • Pre-installation Planning
      • Deployment
        • Introduction to deployment
        • Minikube install guide
        • AWS ECS Fargate install guide
        • HCL Connections install guide
        • Azure AKS install guide
        • Windows container install guide
      • Buzzy settings
      • Whitelabelling Buzzy
      • Certificates
      • Release Management
    • Performance and Reliability
    • Security
      • Platform
      • Users and Roles
      • Datatables
      • Audit Trail
Powered by GitBook
On this page
  • Overview
  • Hierarchy Tutorial
  1. The building blocks
  2. Datatables, Fields & Data

Datatable to Datatable Relationships

PreviousFormulasNextSecurity and Access Control

Last updated 1 month ago

Relationships associate Datatable with other Datatable. Create relationships to link Datatable with each other, so that when your users view records, they can also see related data. This tutorial will show you how to create a relationship between two Datatable in a buzz. We will create a lookup association which forms a hierachical relationship, one to many, or also known as a parent - child relationship.

Overview

We will create a buzz "Hierarchy" with two Datatable: "Locations" and "Stuff". The Locations Microapp is the parent and the Stuff microapp is the child.

More information on creating Datatable is available in Creating a Buzz. The association between a Location record and Stuff records is achieved using a crossapp field.

Hierarchy Tutorial

The first step is to create the buzz Hierachy using a blank buzz template. Publish it. Then insert an Application. Modify the Datatable properties and name it Locations. Change the Results, Who can View Rows: to enable viewers. Add the following fields:

  1. TEXT Field named Place Name

  2. LOCATION Field named Location

Next add another Application to the buzz and name it Stuff. Add the following fields:

  1. TEXT Field named Some Info

  2. CROSSAPP Field named Parent Location. Modify the settings for the field to use the Buzz: Hierarchy, Microapp: Locations and Field: Place Name.

Your Buzz should look something like this:

Now modify the Stuff properties Results. Change Sort Field 1 to be the CROSSAPP field Parent Location.

We are going to do the same thing in the Locations Datatable. Modify the Results properties so that Sort Field 1 is Place Name.

Now comes the magic… In the Advanced Properies in the Locations Datatable Add the Rule

When row is filtered, then target Datatable ID: Stuff, broadcast Field ID: Place Name,

We are now ready to test. Begin by addding two new Locations:

  1. Place Name: First , Location: 3 KAY CLOSE MONA VALE NSW 2103

  2. Place Name: Second , Location: ADDISON ROAD, INGLESIDE NSW 2101

Next add three new Stuffs:

  1. Some Info: There are some cool mountains, Parent Location: Second

  2. Some Info: There’s some cool surf, Parent Location: First

  3. Some Info: There’s some cool shops, Parent Location: First

The Hierarchy Buzz should now look like this:

Click on the filter button in one of the rows in the Locations Datatable. The data in the Stuff Datatable should be filtered according to Location.