Going Virtual

2,044 views

Published on

A short overview of the first ideas for a framework for virtual widgets in qooxdoo

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,044
On SlideShare
0
From Embeds
0
Number of Embeds
1,842
Actions
Shares
0
Downloads
26
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Going Virtual

  1. 1. colorstrip.gifT THE NEW ERA OF WEB DEVELOPMENT Going Virtual Virtual Widget Framework for qooxdoo Fabian Jakobs Jonathan Weiß
  2. 2. Table in qooxdoo 0.8
  3. 3. Virtual Widget Use Cases
  4. 4. Design Principles • Low dependencies • No policies • No implicit actions • Small API • Pluggable components • Customized widgets on top
  5. 5. Core: Virtual Pane
  6. 6. Core: Virtual Pane virtual scrolling
  7. 7. Core: Virtual Pane virtual variable scrolling cell sizes
  8. 8. Pane Architecture Pane Layer Container Layer #1 Layer #2 Layer #3
  9. 9. Pane Pane • Renders window of Layer Container Layer #1 virtual grid Layer #2 • variable row/column Layer #3 sizes • Layers are widgets
  10. 10. Axis • Converts virtual pixel coordinates into: • Cell indexes • Cell Offsets • Allows custom cell sizes
  11. 11. Layer Examples • Row Color • Grid Line • HTML Cell • Widget Cell
  12. 12. Row Layer
  13. 13. Scroller • Provides scroll bars for the pane • Extends qx.ui.core.AbstractScrollArea
  14. 14. Wish list Column Selection Sorting Cell Renderer Focus Cell Editor Row/Column Grouping Header span Frozen Column ... Resizing Columns
  15. 15. DEMO

×