Going VirtualVirtual Widget Framework for qooxdoo

Fabian JakobsJonathan Weiß

colorstrip.gifT

THE NEW ERA OF WEB DEVELOPMENT

Table in qooxdoo 0.8

Virtual WidgetUse Cases

Design Principles

• Low dependencies

• No policies

• No implicit actions

• Small API

• Pluggable components

• Customized widgets on top

Core:Virtual Pane

Core:Virtual Pane

virtual scrolling

Core:Virtual Pane

virtual scrolling

variablecell sizes

Pane ArchitecturePane

Layer Container

Layer #1

Layer #2

Layer #3

Pane

• Renders window of virtual grid

• variable row/column sizes

• Layers are widgets

Pane

Layer Container

Layer #1

Layer #2

Layer #3

Axis

• Converts virtual pixel coordinates into:

• Cell indexes

• Cell Offsets

• Allows custom cell sizes

Layer Examples

• Row Color

• Grid Line

• HTML Cell

• Widget Cell

Row Layer

Scroller

• Provides scroll bars for the pane

• Extends qx.ui.core.AbstractScrollArea

Wish list

Selection

Focus

Cell Renderer

Cell Editor

Header GroupingRow/Columnspan

ColumnSorting

ColumnResizing

FrozenColumns

...

DEMO