Prueba Velneo Gratis

Te ofrecemos todo el poder de Velneo durante 1 mes para desarrollar la aplicación que tu empresa necesita.

Saber más
Thank you! Check your email for confirmation.

Nuevo súper control de formulario TreeWidget

Este nuevo control de formulario nos aporta una gran potencia y flexibilidad ya que nos permite pintar información con una estructura arbolada con múltiples columnas, lo que también nos permite simular un grid.

treewidget-1

Este control no tiene origen de datos por lo que podremos visualizar información procedente de cualquier origen de información, tanto tablas de Velneo V7, como de cualquier base de datos, ficheros XML, etc.La gestión de la funcionalidad del control se realiza desde 2 nuevas clases del API lo que nos aporta la flexibilidad necesaria para que el control sea totalmente configurable y dinámico en tiempo de ejecución.Un ejemplo de la potencia de este control es el nuevo menú dinámico programado en Velneo vERP que genera el menú a partir de una tabla arbolada que utiliza como base de la información a integrar dentro del menú arbolado creado con este nuevo control.

treewidget-2

El control se gestiona mediante 2 clases VTreeWidget para configurar y gestionar los aspectos generales del control y la clase VTreeItem con la que podremos gestionar los ítems que forman el árbol. No debemos olvidar que el control no exige una estructura arbolada por la que es fácil convertirlo en una rejilla sin origen de datos.A continuación vemos un ejemplo de código JavaScript que rellena el control con un menú arbolado.El proceso comienza preparando el control, las variables y cargando los registros de la tabla arbolado que servirá de base para generar el menú.

treewidget-3

Con este bucle recorremos los registros de la tabla arbolada y vamos generando los ítems del árbol.

treewidget-4

Finalmente con este código hacemos los últimos ajustes visuales del menú.

treewidget-5

A continuación se detallan las 2 nuevas clases del API y las 50 funciones que hacen de este control uno de los más potentes y versátiles de Velneo V7.VTreeWidgetEsta clase representa el control TreeWidget. Con las funciones de esta clase tendremos acceso a la interfaz de un control de árbol basado en ítems, podremos crear vistas de datos jerarquizados. El control no tiene origen de datos por lo que podemos utilizarlo para visualizar datos tanto de tablas de origen Velneo como de cualquier origen de información.Antes de añadir ítems al control se debe fijar el número de columnas. Esto permite que cada ítem pueda tener una o más etiquetas. El número de columnas en uso puede obtenerse con la función columnCount().El árbol puede tener una cabecera que contenga una sección por cada columna en el control. Esto facilita la configuración de las etiquetas de cada sección aplicando una lista de textos con la función setHeaderLabels(), además una cabecera personalizada puede configurarse con la función setHeaderItem() de la clase VTreeItem.Los ítems en el árbol pueden clasificarse por una columna en función de un orden predefinido. Si la ordenación está habilidad, el usuario podrá clasificar los ítems haciendo clic en la cabecera de columna. La ordenación puede activarse o desactivarse con la función setSortingEnabled(). Con la función isSortingEnabled() podremos saber si la ordenación está o no habilitada.

  • addTopLevelItem
  • clear
  • collapseAll
  • collapseItem
  • columnWidth
  • currentColumn
  • currentItem
  • deleteTopLevelItem
  • editItem
  • expandAll
  • expandItem
  • expandToDepth
  • hideColumn
  • insertTopLevelItem
  • resizeColumnToContents
  • scrollToItem
  • setColumnWidth
  • setCurrentItem
  • setHeaderLabel
  • setIconSize
  • showColumn
  • sortColumn
  • sortItems
  • topLevelItem

VTreeItemEsta clase es usada para gestionar cada una de los ítems que forman un control de la clase VTreeWidget.Cada ítem puede contener una o varias columnas de datos en la que podemos incluir textos, etiquetas y un icono.Los ítems se construyen con un padre que se corresponde con un ítem de primer nivel en el objeto de la clase VTreeWidget u otro ítem de la clase VTreeItem de nivel superior.Cada columna en un ítem puede tener su propio color de fondo fijado con la funciónsetBackgroundColor() y su color de texto fijado con la función setForegroundColor().La principal diferencia entre los ítems de nivel principal y el resto de ítems inferiores del árbol es que los ítems de nivel superior o principal no tiene ítem padre, esta información puede ser útil a la hora de insertar o borrar ítems del árbol. Los ítem hijos pueden ser eliminados con la funcióndeleteChild() o añadidos con la función addChild().Cada ítem, por defecto es seleccionable, activable, etc. Esta configuración en el ítem se realiza a través de flags que pueden ser alterados con la función setFlags() aplicando los valores que se encuentran en el enum ItemFlag de esta clase.

  • addChild
  • backgroundColor
  • child
  • childCount
  • columnCount
  • deleteChild
  • flags
  • foregroundColor
  • isExpanded
  • isHidden
  • isSelected
  • setBackgroundColor
  • setExpanded
  • setFlags
  • setForegroundColor
  • setHidden
  • setIcon
  • setSelected
  • setStatusTip
  • setText
  • setTooltip
  • setWhatsThis
  • statusTip
  • text
  • toolTip
  • whatsThis

Gracias a controles como TreeWidget junto a la versatilidad de Velneo y su API, nos permite desarrollar apps de gestión de manera muy visual e intuitiva, centrándonos en la lógica del negocio y la problemática de nuestros clientes sin necesidad de tener un conocimiento muy profundo de código.

Regístrate ahora y nuestro equipo se pondrá en contacto muy pronto