.. php:namespace:: phpctrl\ui


.. php:class:: Tabs

====
Tabs
====

Tabs implement a yet another way to organise your data. The implementation is based on: http://semantic-ui.com/elements/icon.html. 


Demo: http://demo.phpcontrols.com/ui/tabs.php


Basic Usage
===========

Once you create Tabs container you can then mix and match static and dynamic tabs::

    $tabs = $app->add('Tabs');


Adding a static conten is pretty simple::

    $tabs->addTab('Static Tab')->add('LoremIpsum');

You can add multiple elements into a single tab, like any other view.

Dynamic Tabs
============

Dynamic tabs are based around implementation of :php:class:`VirtualPage` and allow you
to pass a call-back which will be triggered when user clicks on the tab.

Note that tab contents are refreshed including any values you put on the form::

    $t = $layout->add('Tabs');

    // dynamic tab
    $t->addTab('Dynamic Lorem Ipsum', function ($tab) {
        $tab->add(['LoremIpsum', 'size'=>2]);
    });

    // dynamic tab
    $t->addTab('Dynamic Form', function ($tab) {
        $m_register = new \phpctrl\data\Model(new \phpctrl\data\Persistence_Array($a));
        $m_register->addField('name', ['caption'=>'Please enter your name (John)']);

        $f = $tab->add(new \phpctrl\ui\Form(['segment'=>true]));
        $f->setModel($m_register);
        $f->onSubmit(function ($f) {
            if ($f->model['name'] != 'John') {
                return $f->error('name', 'Your name is not John! It is "'.$f->model['name'].'". It should be John. Pleeease!');
            }
        });
    });