wChips tiene su equivalencia en el control Chips de Materialize.
Hemos añadido la opción de utilizar un icono de Materialize en vez de una imagen.
WITH OBJECT WChips():New( :WO )
:cText := "Canarias"
:cClrPane := "yellow"
:Create()
END WITH
WITH OBJECT WChips():New( :WO )
:cText := "Euskadi"
:cIcon := "cloud_queue"
:lShadow := .T.
:Create()
END WITH
WITH OBJECT WChips():New( :WO )
:cText := "Aragón"
:cImage := "http://spain-flag.eu/region-flags-spain/aragon.PNG"
:lClose := .T.
:Create()
END WITH
WITH OBJECT WChips():New( :WO )
:cText := "Murcia"
:cIcon := "stars"
:lClose := .T.
:lPulse := .T.
:Create()
END WITH
WITH OBJECT WChips():New( :WO )
:cText := "Andalucía"
:cImage := "http://spain-flag.eu/region-flags-spain/andaluc%EDa.png"
:cClrPane := "green"
:cClrText := "white"
:lClose := .T.
:Create()
END WITH
| Nombre | Init | Descripción | Versión |
|---|---|---|---|
| cClassId | chp | Identificador del control para generar el Id | 0.2 |
| cId | Nil | Identificador único para cada Control | 0.2 |
| oParent | Control contenedor | 0.2 | |
| oHtml | Objeto de la clase wHtml con el código para su renderizado | 0.2 | |
| oStyle | Objeto de la clase wStyle con las variantes de estilo | 0.2 | |
| cText | Texto en el Chip | 0.2 | |
| cImage | Imagen que se pondrá a la derecha | 0.2 | |
| cAltImage | Texto Alternativo de la Imagen | 0.2 | |
| cClrPane | Color del Fondo del chips | 0.2 | |
| cClrText | Color del Texto del chips y del Icono ( si no se define cClrIcon ) | 0.2 | |
| lPulse | .f. | Activa el efecto Pulse de Materialize | 0.3 |
| lShadow | .f. | Activa el efecto Sombra de Materialize | 0.2 |
| lClose | .f. | Presenta a la derecha el icono para quitar el chip | 0.2 |
| cIcon | Icono que aparecerá a la izquierda | 0.2 | |
| cClrIcon | Color del Icono, si no se define nada cogerá el del texto | 0.2 |
| Nombre | Descripción | Versión |
|---|---|---|
| Create | Este es el método que crea cada uno de los controles, esta desarrollado en cada Control | 0.1 |
| FullHtml | Nos devuelve una cadena con todo el código HTML y JS necesario para crear el control | 0.1 |
| LogDebug | Nos Añade un mensaje a la consola del navegador cuando estamos en modo Debugger | 0.1 |
| Assert | Nos Añade un comentario en el HTML cuando estamos en modo Debugger | 0.1 |
| AddHTML | Nos Añade código HTML dentro del control | 0.1 |
| AddParam | Añade un parámetro a la propiedad aParams, hay que pasarle un array {“nombre”,“valor”} | 0.2 |