Class zebkit.ui.CollapsiblePan
extends <zebkit.ui.Panel>
<zebkit.ui>

Extendable UI panel class. Implement collapsible panel where a user can hide of show content by pressing special control element:

  // create extendable panel that contains list as its content
  var ext = zebkit.ui.CollapsiblePan("Title", new zebkit.ui.List([
      "Item 1",
      "Item 2",
      "Item 3"
  ]));
Constructor:
zebkit.ui.CollapsiblePan (l, c)

Parameters:




Inherited methods:
$setConstraints(c)    add(constr, d)    byConstraints([p], c)    byPath(path, [cb])    calcPreferredSize(target)    doLayout( )    fire(name, [path], [params])    focused( )    getBottom( )    getCanvas( )    getComponentAt(x, y)    getHorPadding( )    getLeft( )    getPreferredSize( )    getRight( )    getTop( )    getVerPadding( )    hasFocus( )    indexOf(c)    insert(i, constr, d)    invalidate( )    invalidateLayout( )    kidAdded(index, constr, l)    kidRemoved(i, l, ctr)    laidout( )    load(JSON)    off([eventName], [path], [cb])    on([eventName], [path], cb)    paintChildComponents(g, clipChild)    paintComponent(g)    paintViewAt(g, ax, ay, v)    properties([path], props)    property([path], name, value)    recalc( )    relocated(px, py)    remove(c)    removeAll( )    removeAt(i)    removeByConstraints(ctr)    removeMe([after])    repaint([x], [y], [w], [h])    replaceMe([ctr], c)    requestFocus( )    requestFocusIn([timeout])    resized(pw, ph)    setAt(i, d)    setBackground(v)    setBorder([v])    setBorderLayout([gap])    setBottomPadding(bottom)    setBounds(x, y, w, h)    setByConstraints(constr, c)    setConstraints(ctr)    setEnabled(b)    setFlowLayout([ax], [ay], [dir], [gap])    setGrisLayout( )    setId(id)    setKids(a)    setLayout(m)    setLeftPadding(left)    setListLayout([ax], [gap])    setLocation(xx, yy)    setPadding(v)    setParent(o)    setPreferredHeigh(h)    setPreferredSize(w, h)    setPreferredWidth(w)    setProperties([path], props)    setRasterLayout([usePsSize])    setRightPadding(right)    setSize(w, h)    setStackLayout([gap])    setTopPadding(top)    setVisible(b)    toBack( )    toFront( )    toPreferredHeight( )    toPreferredSize( )    toPreferredWidth( )    toView(target)    validate( )    validateMetric( )    vrp( )   




Inherited attributes:
protected Function $matchPath    public zebkit.draw.View bg    public zebkit.draw.View border    public Boolean canHaveFocus    public Object constraints    public Integer height    public Boolean isEnabled    public Boolean isValid    public Boolean isVisible    public Array kids    public zebkit.layout.Layout layout    public zebkit.layout.Layoutable parent    public Integer width    public Integer x    public Integer y   



public <zebkit.ui.Panel> contentPan

Content panel

public <zebkit.ui.Panel> headerPan

Title panel

public <zebkit.ui.Checkbox> togglePan

Toggle UI element




fired

Fired when extender is collapsed or extended

  var ex = new zebkit.ui.CollapsiblePan("Title", pan);
  ex.on(function (src, isCollapsed) {
      ...
  });

Parameters: