ui/tabber
=================




















.. js:class:: Tabber()

   :extends: UINodeCollection

   This Class arranges its nodes in an tab bar to display only one at a time.































































































































































































   .. js:attribute:: activeInstance

      :type: UINode|null
      :default: null

      Holds the currently active instance of the :js:class:`Tabber`

























   .. js:function:: attach(instance[, leftOf[, rightOf[, activeIndex]]])

      Attaches an instance.

      .. note::
         Instances are expected to have a $tab attribute consisting of a
         JQuery object containing the DOM node representing its tab.

      :param UINode instance: The instance to attach.
      :param UINode|Number leftOf: See :js:func:`UINodeCollection.attach`.
      :param UINode|Number rightOf: See :js:func:`UINodeCollection.attach`.
      :param Number activeIndex: The active index for the instance to attach.
        The higher the index the more recent this tab was shown. The currently shown tab has
        the highest index. If it is not a valid Number it will be set to the highest index.
        Negative numbers will be substracted from the currently highest active index, but are
        clipped at *0*.












































   .. js:function:: replace(oldInstance, newInstance)

      Replaces an instance with a new one.

      :param UINode oldInstance: Instance to replace.
      :param UINode newInstance: Instance to take the place.



















   .. js:function:: detach(instance)

      Detaches a currently attached instance.

      :param UINode instance: Instance to detach.




























   .. js:function:: getNeighbor(instance, dir)

      Get the neighboring instance left/right of the given one.

      :param UINode instance: The instance whose neighbor is to be found.
      :param String dir: The direction to look for the neighbor.
        Valid values are *"+"* for left or *"-"* for right.
      :return: The neighboring instance or undefined if there is no neighbor.
      :rtype: UINode
















































































   .. js:attribute:: validInstanceClass class-member

      :value: MainView

      See :js:class:`UINodeCollection` for details.