Zebra API Doc

zebra.ui.ExtendablePan Class

Extends zebra.ui.Panel

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 = zebra.ui.ExtendablePan(new zebra.ui.List([
       "Item 1",
       "Item 2",
       "Item 3"
   ]), "Title");

Constructor

zebra.ui.ExtendablePan

(
  • c
  • l
)

Parameters:

Item Index

Methods

Events

Methods

toggle

()

Toogle on or off the extender panel

Attributes

contentPan

zebra.ui.Panel readonly

Content panel

isCollapsed

Boolean readonly

Indicate if the extender panel is collapsed

Default: false

label

zebra.ui.Panel readonly

Label component

titlePan

zebra.ui.Panel readonly

Title panel

togglePan

zebra.ui.Panel readonly

Toggle panel

Events

fired

Fired when extender is collapsed or extended

    var ex = new zebra.ui.ExtendablePan(pan, "Title");
    ex.bind(function (src, isCollapsed) {
        ...
    });

Event Parameters:

  • src zebra.ui.ExtendablePan

    an extender UI component that generates the event

  • isCollapsed Boolean

    a state of the extender UI component