icc.ui.tabpanel

Representa un control que contiene varios paneles que comparten el mismo espacio en la pantalla.

Metodos

create ();

Crea los objetos necesarios en el navegador.Este metódo es ejecutado automaticamente por el sistema al cargar un formulario realizado por el diseñador.Si está creando mediante código un control para incluir al formulario en tiempo de ejecución es necesario llamar a este metodo.


object getWnd ();

Retorna el objeto html que contiene el control.


addChild ( object  newchild );
newchildAgrega un control a la colección 'childs' del diálogo o panel.Debe llamarse al método layout luego de realizadas todas las modificaciones en la coleccion 'childs'.

rmvChild ( object  child );
childObjeto a remover. El metodo compara los objetos contenidos en la colección 'childs' con el argumento y lo elimina de la misma.

Remueve un control existente en el diálogo o panel.Debe llamarse al método layout luego de realizadas todas las modificaciones en la coleccion 'childs'


setItem ( variant  item );
itemPestaña activa del tabpanel
Según el tipo
Nombre Descripcion
número La pestaña activa será la correspondiente al valor indicado siendo 0 la primera a la izquierda del control.
string La pestaña activa será la que tenga el mismo título que el valor indicado.
objeto La pestaña activa será la que corresponda con el objeto panel indicado.

object getItem ();

Devuelve el objeto panel correspondiente a la pestaña seleccionada.

Eventos

onChange (function( integer  index , object  item ) { ... } )
indexIndice de la pestaña seleccionada con base 0 comenzando desde la izquierda del control.
itemObjeto panel correspondiente a la pestaña seleccionada.
Ejemplo
Creación de un tabpanel mediante código.
					
var tab = new icc.ui.tabpanel({
    width:320,
    height:200,
    childs:[    
        new icc.ui.panel({
            caption:'General'
        }),
        new icc.ui.panel({
            caption:'Opciones'
        })
    ]
})
tab.create();
form1.addChild(tab);
form1.layout();