Going Virtual
2 likes557 views
The document discusses a new virtual widget framework called Virtual Widget for the qooxdoo library. The framework uses a virtual pane component that renders only a portion of data to allow for virtual scrolling and variable cell sizes. Additional layers can be added to the pane for features like row coloring, grid lines, or custom cell types. A scroller component is also included to provide scroll bars for the virtual pane.
Going Virtual
- 1. colorstrip.gifT THE NEW ERA OF WEB DEVELOPMENT Going Virtual Virtual Widget Framework for qooxdoo Fabian Jakobs Jonathan Wei
- 2. Table in qooxdoo 0.8
- 3. Virtual Widget Use Cases
- 4. Design Principles Low dependencies No policies No implicit actions Small API Pluggable components Customized widgets on top
- 6. Core: Virtual Pane virtual scrolling
- 7. Core: Virtual Pane virtual variable scrolling cell sizes
- 8. Pane Architecture Pane Layer Container Layer #1 Layer #2 Layer #3
- 9. Pane Pane Renders window of Layer Container Layer #1 virtual grid Layer #2 variable row/column Layer #3 sizes Layers are widgets
- 10. Axis Converts virtual pixel coordinates into: Cell indexes Cell Offsets Allows custom cell sizes
- 11. Layer Examples Row Color Grid Line HTML Cell Widget Cell
- 12. Row Layer
- 13. Scroller Provides scroll bars for the pane Extends qx.ui.core.AbstractScrollArea
- 14. Wish list Column Selection Sorting Cell Renderer Focus Cell Editor Row/Column Grouping Header span Frozen Column ... Resizing Columns
- 15. DEMO