Download - Going Virtual
![Page 1: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/1.jpg)
Going VirtualVirtual Widget Framework for qooxdoo
Fabian JakobsJonathan Weiß
colorstrip.gifT
THE NEW ERA OF WEB DEVELOPMENT
![Page 2: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/2.jpg)
Table in qooxdoo 0.8
![Page 3: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/3.jpg)
Virtual WidgetUse Cases
![Page 4: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/4.jpg)
Design Principles
• Low dependencies
• No policies
• No implicit actions
• Small API
• Pluggable components
• Customized widgets on top
![Page 5: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/5.jpg)
Core:Virtual Pane
![Page 6: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/6.jpg)
Core:Virtual Pane
virtual scrolling
![Page 7: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/7.jpg)
Core:Virtual Pane
virtual scrolling
variablecell sizes
![Page 8: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/8.jpg)
Pane ArchitecturePane
Layer Container
Layer #1
Layer #2
Layer #3
![Page 9: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/9.jpg)
Pane
• Renders window of virtual grid
• variable row/column sizes
• Layers are widgets
Pane
Layer Container
Layer #1
Layer #2
Layer #3
![Page 10: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/10.jpg)
Axis
• Converts virtual pixel coordinates into:
• Cell indexes
• Cell Offsets
• Allows custom cell sizes
![Page 11: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/11.jpg)
Layer Examples
• Row Color
• Grid Line
• HTML Cell
• Widget Cell
![Page 12: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/12.jpg)
Row Layer
![Page 13: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/13.jpg)
Scroller
• Provides scroll bars for the pane
• Extends qx.ui.core.AbstractScrollArea
![Page 14: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/14.jpg)
Wish list
Selection
Focus
Cell Renderer
Cell Editor
Header GroupingRow/Columnspan
ColumnSorting
ColumnResizing
FrozenColumns
...
![Page 15: Going Virtual](https://reader034.vdocument.in/reader034/viewer/2022051818/5495c7c2ac7959342e8b4f55/html5/thumbnails/15.jpg)
DEMO