Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
controles:wcombobox [17/01/2020 16:31] pedro |
controles:wcombobox [26/03/2022 12:15] (actual) pedro [Ejemplo de uso] |
||
|---|---|---|---|
| Línea 11: | Línea 11: | ||
| Hay que recordar que el [[nefele:ocgi|CGI]] siempre nos devuelve cadenas, sean los Elementos y cIndex del tipo que sean. | Hay que recordar que el [[nefele:ocgi|CGI]] siempre nos devuelve cadenas, sean los Elementos y cIndex del tipo que sean. | ||
| + | |||
| + | Si habilitamos la propiedad **lMultiple** nos permitirá seleccionar varias opciones de las presentadas en el combo, en ese caso el [[nefele:ocgi|CGI]] nos devolverá un array con los los elementos seleccionados. | ||
| ===== Ejemplo de uso ===== | ===== Ejemplo de uso ===== | ||
| - | {{url>https://samples.nefele.dev/wcombobox 100%,600px}} | + | {{url>https://samples.nefele.dev/wiki/wcombobox 100%,600px}} |
| ==== Modo 1 ==== | ==== Modo 1 ==== | ||
| Línea 23: | Línea 25: | ||
| :cText := "Seleccione el mes de visita" | :cText := "Seleccione el mes de visita" | ||
| :cIcon := "event_available" | :cIcon := "event_available" | ||
| - | :cTitle := "<b>Modo 1:</b>Mes de visita" | + | :cTitle := "<b>Modo 1:</b> Mes de visita" |
| :cHelp := "Este es el Mes que prefiere que le hagamos la visita periódica" | :cHelp := "Este es el Mes que prefiere que le hagamos la visita periódica" | ||
| :Create() | :Create() | ||
| Línea 42: | Línea 44: | ||
| :cText := "Seleccione el mes de visita" | :cText := "Seleccione el mes de visita" | ||
| :cIcon := "event_available" | :cIcon := "event_available" | ||
| - | :cTitle := "<b>Modo 2:</b>Mes de visita" | + | :cTitle := "<b>Modo 2:</b> Mes de visita" |
| :cHelp := "Este es el Mes que prefiere que le hagamos la visita periódica" | :cHelp := "Este es el Mes que prefiere que le hagamos la visita periódica" | ||
| :Create() | :Create() | ||
| Línea 57: | Línea 59: | ||
| :cText := "Seleccione una imagen" | :cText := "Seleccione una imagen" | ||
| :cIcon := "camera" | :cIcon := "camera" | ||
| - | :cTitle := "<b>Modo 3:</b>Imagen para incluir en el documento" | + | :cTitle := "<b>Modo 3:</b> Imagen para incluir en el documento" |
| :cHelp := "Esta Imagen aparecerá en la parte superior del documento" | :cHelp := "Esta Imagen aparecerá en la parte superior del documento" | ||
| // Creamos un separador | // Creamos un separador | ||
| Línea 86: | Línea 88: | ||
| LOCAL cSeleccion := oCGI:GetCgiValue("selimagen") | LOCAL cSeleccion := oCGI:GetCgiValue("selimagen") | ||
| </Code> | </Code> | ||
| + | |||
| + | ==== Modo 4 ==== | ||
| + | |||
| + | <Code:xailer linenums:1|====Selección Múltiple====> | ||
| + | WITH OBJECT WComboBox():New(:WO) | ||
| + | :cId := "multiple" | ||
| + | :aItems := {"Enero","Febrero","Marzo","Abril","Mayo","Junio",; | ||
| + | "Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"} | ||
| + | :cText := "Meses" | ||
| + | :cIcon := "event_available" | ||
| + | :cTitle := "<b>Modo 4:</b> Selección Multiple de Mes" | ||
| + | :cHelp := "Meses en los que se realizarán las visitas periódicas" | ||
| + | :lMultiple := .T. | ||
| + | :Create() | ||
| + | END WITH | ||
| + | </Code> | ||
| + | <Code:xailer linenums:1|====Y para recuperar la selección ...====> | ||
| + | LOCAL aSeleccion := oCGI:GetCgiArray("multiple") | ||
| + | // Como es una selección múltiple de esta manera nos retorna siempre un array, | ||
| + | // aunque solo se seleccione un elemento. | ||
| + | LOCAL aSeleccion := oCGI:GetCgiValue("multiple") | ||
| + | // Si lo pedimos así, cuando se seleccionen varios elementos nos devolverá un array | ||
| + | // si es una selección simple nos devuelve una cadena. | ||
| + | </Code> | ||
| + | |||
| ===== Propiedades ===== | ===== Propiedades ===== | ||
| Línea 94: | Línea 121: | ||
| |[[propiedades:cIcon]]| | Icono que aparecerá a la izquierda del control | 0.1| | |[[propiedades:cIcon]]| | Icono que aparecerá a la izquierda del control | 0.1| | ||
| |aItems| | Elementos del ComboBox, se puede utilizar de 3 maneras | 0.1| | |aItems| | Elementos del ComboBox, se puede utilizar de 3 maneras | 0.1| | ||
| + | |lMultiple| | Se permite la selección múltiple | 0.1| | ||
| |cSelected| | cIndex seleccionado por defecto | 0.1| | |cSelected| | cIndex seleccionado por defecto | 0.1| | ||
| |[[propiedades:conclick|cOnChange]]| | Función del CGI a llamar cuando cambie la selección, si empieza por # llama a funcion JS | 0.1| | |[[propiedades:conclick|cOnChange]]| | Función del CGI a llamar cuando cambie la selección, si empieza por # llama a funcion JS | 0.1| | ||
| Línea 101: | Línea 129: | ||
| |cAjaxText| | Mensaje a poner debajo del Reloj de Actividad | 0.1| | |cAjaxText| | Mensaje a poner debajo del Reloj de Actividad | 0.1| | ||
| |lReLoad| .F. | Cuando se envía por [[tecnicas:Ajax]] ha de activarse la Recarga para que materialize lo inicialice | 0.1| | |lReLoad| .F. | Cuando se envía por [[tecnicas:Ajax]] ha de activarse la Recarga para que materialize lo inicialice | 0.1| | ||
| + | |lHtmlDefault| .F. | Fuerza a utilizar el Select por defecto de HTML y no el de Materialize, es útil para los navegadores IOS ya que el de Materialize no funciona aun correctamente. | 0.1| | ||
| ===== Métodos ===== | ===== Métodos ===== | ||