Representa un control que despliega una jerarquía de nodos y cada uno de ellos puede contener a su vez otros nodos.En esta estructura de arbol los nodos conteniendo a su vez a otros pueden mostrarse expandidos o no.
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.
Retorna el objeto html que contiene el control.
item | Objeto que representa el ítem a ser actualizado ( ver addItem para detalles). |
Actualiza el texto o icono del item indicado.
item | Clave o referencia del objeto. |
Elimina un ítem del arbol.
item | Clave o referencia del objeto. |
Elimina los subitems del ítem usado como argumento.
item | Clave o referencia del objeto. |
Pone el ítem usado como argumento en estado cerrado.
item | Objeto a agregar en el árbol u opcionalmente un array de objetos. | |
rootkey | Clave del ítem padre en que el nuevo ítem quedará insertado. Si no se proporciona esta clave el ítem será insertado en la raíz del árbol. |
tree1.addItem([ {caption:'Paises', items:[ {caption:'Argentina'}, {caption:'Brasil'}, {caption:'Mexico'}, {caption:'Uruguay'} ] }, {caption:'Sucursales', items:[ {caption:'Sucursal 1'}, {caption:'Sucursal 2'}, ] } ])
tree1.addItem({caption:'España'}) tree1.addItem({id:'uy',caption:'Uruguay'}) tree1.addItem({caption:'Montevideo'},'uy'); // usa el id de Uruguay como clave.
item | Clave o referencia del objeto. |
Devuelve el objeto padre el ítem indicado.
item | Clave del ítem o referencia al ítem. |
Retorna un array con los subitems del ítem indicado.
item | Clave del ítem o referencia al mismo (objeto). |
Establece el ítem seleccionado en el árbol.
Retorna el ítem seleccionado del árbol o undefined si no hay ninguno.
item | Ítem seleccionado. |
parent | Ítem padre del ítem seleccionado o undefined si el ítem está en la raíz. |
Evento disparado cuando el usuario selecciona un ítem del árbol.
tree1.onChange(function(item,parent){ txPais.setText(item.caption); txId.setText(item.countryId); });
item | Ítem seleccionado. |
parent | Padre del ítem seleccionado o undefined si este está en la raíz. |
Evento disparado cuando el usuario presiona el botón derecho sobre un ítem del árbol.
Estado habilitado o deshabilitado.
Controla la visibilidad del control.
Orden del foco del teclado al presionar la tecla TAB
Color de fondo del control. El color es expresado en formato web #RRGGBB RR(rojo) GG(verde) BB(azul) ej. #FF0000 para el color rojo o en un nombre de color valido ej , green,red,yellow.
Ancho en pixels del borde del control
Color de borde del control. El color es expresado en formato web #RRGGBB RR(rojo) GG(verde) BB(azul) ej. #FF0000 para el color rojo o en un nombre de color valido ej , green,red,yellow.
Array de items.
var tree = new icc.ui.tree({ items:[ {caption:'Paises', items:[ {caption:'Argentina'}, {caption:'Brasil'}, {caption:'Mexico'}, {id:'uy',caption:'Uruguay'} ] }, {caption:'Sucursales', items:[ {caption:'Sucursal 1'}, {caption:'Sucursal 2'}, ] } ] });