top of page

FirePower X - The Master Detail Grid (Using the TwwExpander)



Hey everyone!


Today we are going to go over how to create a grid that allows the end-user to expand and see a detail grid within the expanded master row. With FirePower, we can use the TwwExpander to accomplish this task. Many times we would rather have information condensed with the ability to expand and see more information rather than displaying everything or having to use a separate area of the screen. With the TwwExpander, this allows you to expand and collapse certain information that would be under a given master record, such as when displaying customer info and expanding to see the invoice details. It would look like something like this:


We then would click on the expand icon next to 1221 to expand it:



I could click on the expand button again and it would close back up. This is a feature that provides the end user use with a more natural and organized feel and can be a great addition to their workflow when editing or retrieving information from the database.


How to Implement this to your program:


Connect data to your application using datasets and bind sources

  1. In order to do this for demo purposes, we are going to start out by adding two “TFDMemTable’s” from the Palette. Normally you will want to use a real database connection so that your data is persistent, meaning changes can be edited and saved. You can do this by using TFDTable and TFDConnection, but for our demo we are going to simplify this part of the setup by using TFDMemTable.

  2. Once we have dropped in o