TreeGrid Big Data Demo: Implement Controls and Grid Wiring

Goal

Develop the ControlsContainer to manage the settings for the TreeGrid Big Data demo and ensure it drives the GridContainer correctly.

Implementation Steps

1. Reuse Big Data Controls: Start by replicating the core controls from examples/grid/bigData/ControlsContainer.mjs (Amount Rows, Amount Columns, Buffer Rows/Columns, Themes, Filters).
2. Tree-Specific Controls:
   • Add a Max Depth ComboBox (e.g., options: 2, 3, 5, 10).
   • Add Expand All and Collapse All buttons (or a single toggle button) to stress-test the TreeStore's bulk mutate event handling.
3. Grid Wiring:
   • Update the ControlsContainer logic to interact with the new TreeGrid and TreeStore.
   • Ensure changing Amount Rows, Amount Columns, or Max Depth triggers a regeneration of the data in the MainStore.
   • Ensure the text filters (firstname, lastname) correctly apply to the TreeStore (demonstrating hierarchical filtering).
4. Grid Dynamic Columns:
   • Implement the logic in GridContainer (via afterSetAmountColumns) to dynamically generate column configurations based on the ControlsContainer input, mirroring the flat big data demo but with the first column being a grid-column-tree.