controles:warraybrowse
Diferencias
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:warraybrowse [05/01/2020 21:26] pedro |
controles:warraybrowse [24/08/2023 15:24] (actual) pedro [Metodos] |
||
|---|---|---|---|
| Línea 9: | Línea 9: | ||
| ===== Ejemplo de uso ===== | ===== Ejemplo de uso ===== | ||
| + | {{url>https://samples.nefele.dev/wiki/warraybrowse 100%,300px}} | ||
| - | <Code:xailer linenums:1> | + | <Code:xailer linenums:1|====Este es el código para crear el wArrayBrowse del Ejemplo====> |
| WITH OBJECT WArrayBrowse():New(oPanel) | WITH OBJECT WArrayBrowse():New(oPanel) | ||
| - | :cId := "Bancos" // Id que le damos al ArrayBrowse | + | :cId := "Bancos" // Id que le damos al ArrayBrowse |
| - | :nStyle := xc_Striped // Estilo visual, con pautado pijama | + | :nStyle := xc_Striped // Estilo visual, con pautado pijama |
| - | :cOnClick := "VisParam" // En caso de picar en un elemento del ArrayBrowse | + | :cClrHeadPane := "red lighten-4" // Le damos color a las cabeceras |
| + | :cOnClick := "VisParam" // En caso de picar en un elemento del ArrayBrowse | ||
| // Añadimos Columnas | // Añadimos Columnas | ||
| WITH OBJECT :AddCol("Código") AS wItemColBrowse | WITH OBJECT :AddCol("Código") AS wItemColBrowse | ||
| - | :cClrPane := "red" // Puedo darle color al fondo de la columna | + | :cClrPane := "blue darken-1" // Puedo darle color al fondo de la columna |
| :cClrText := "white" // Y al Texto | :cClrText := "white" // Y al Texto | ||
| END WITH | END WITH | ||
| Línea 25: | Línea 27: | ||
| :AddCol("Entidad",,xc_Left) | :AddCol("Entidad",,xc_Left) | ||
| // Le alimentamos datos directamente de la consulta | // Le alimentamos datos directamente de la consulta | ||
| - | :aItems := AsciiHTML(aConsulta) // Estos datos se extraen de una consulta SQL a MariaDB | + | :aItems := AsciiHTML(aConsulta) // Estos datos se han extraído de una consulta SQL a MariaDB |
| // Y creamos el ArrayBrowse | // Y creamos el ArrayBrowse | ||
| :Create() | :Create() | ||
| END WITH | END WITH | ||
| </Code> | </Code> | ||
| - | <Code:xailer linenums:1> | + | <Code:xailer linenums:1|====Y para recuperar el indice de la linea que se ha picado...====> |
| - | // Para recuperar el indice de la linea que se ha picado | + | |
| LOCAL nLin := Val( oCGI:GetCgiValue("bancos",0) ) | LOCAL nLin := Val( oCGI:GetCgiValue("bancos",0) ) | ||
| </Code> | </Code> | ||
| - | {{url>https://samples.nefele.dev/warraybrowse 100%,300px}} | ||
| ---- | ---- | ||
| Línea 42: | Línea 42: | ||
| ^Nombre ^Init ^Descripción ^Versión ^ | ^Nombre ^Init ^Descripción ^Versión ^ | ||
| - | |aItems| | Array de datos a presentar { {Col1,Col2,ColX},{Col1,Col2,ColX} } | 0.1| | ||
| |aCols | | Array de [[controles:wItemColBrowse]] | 0.1| | |aCols | | Array de [[controles:wItemColBrowse]] | 0.1| | ||
| - | |[[nefele:constantes#nStyle para wArrayBrowse|nStyle]]| xc_NoStyle | Tipo de Tabla xc_Striped (pijama) ó xc_Highlight (resaltada al seleccionar) | 0.1| | + | |aFooter| | Crea una fila al final con el color de la cabecera {"Pie1","Pie2",...) | 0.1| |
| - | |lResponsive| | Habilita la tabla como resposive para los móviles | 0.1| | + | |aItems| | Array de datos a presentar { {Col1,Col2,ColX},{Col1,Col2,ColX} } | 0.1| |
| |cClrHeadPane| | Color del la Cabecera y del Pie | 0.1| | |cClrHeadPane| | Color del la Cabecera y del Pie | 0.1| | ||
| |cClrHeadText| | Color del Texto de la Cabecera y del Pie | 0.1| | |cClrHeadText| | Color del Texto de la Cabecera y del Pie | 0.1| | ||
| - | |nFontSizeHead| 6 | Tamaño de la Fuente de la Cabecera y el Pie según [[https://materializecss.com/typography.html|Materialize]] | 0.1| | ||
| - | |nFontSizeItem| 6 | Tamaño de la Fuente del Detalle según [[https://materializecss.com/typography.html|Materialize]] | 0.1| | ||
| |cCursor| "pointer" | [[https://www.w3schools.com/cssref/pr_class_cursor.asp|Cursor]] al colocar ratón, solo si hay [[propiedades:cOnClick]] | 0.1| | |cCursor| "pointer" | [[https://www.w3schools.com/cssref/pr_class_cursor.asp|Cursor]] al colocar ratón, solo si hay [[propiedades:cOnClick]] | 0.1| | ||
| - | |[[propiedades:cOnClick]]| | Funcion del CGI que se ejecuta al hacer click | 0.1| | ||
| - | |[[propiedades:aParams]]| | Parámetros extras a enviar al CGI { {"Param1","Valor1}, {"Param2","Valor2"} } | 0.1| | ||
| - | |[[propiedades:cAjaxBevel]]| | Bevel donde se incrusta el resultado de la llamada al [[tecnicas:Ajax]] | 0.1| | ||
| - | |[[propiedades:cAjaxWaitOn]]| | Incluye un indicador de actividad mientras se ejecuta la función [[tecnicas:Ajax]] | 0.1| | ||
| |cTextNoData| "No hay Datos" | Texto que aparece cuando el aItems esta vació | 0.1| | |cTextNoData| "No hay Datos" | Texto que aparece cuando el aItems esta vació | 0.1| | ||
| - | |aFooter| | Crea una fila al final con el color de la cabecera {"Pie1","Pie2",...) | 0.1| | + | |lResponsive| | Habilita la tabla como resposive para los móviles | 0.1| |
| + | |nFontSizeHead| 6 | Tamaño de la Fuente de la Cabecera y el Pie según [[https://materializecss.com/typography.html|Materialize]] | 0.1| | ||
| + | |nIndexValue| 0 | Columna a retornar el valor al hacer click (0 para el nº de fila ) | 0.1| | ||
| + | |nStyle| [[nefele:constantes#nStyle para wArrayBrowse|xc_NoStyle]] | Tipo de Tabla xc_Striped (pijama) ó xc_Highlight (resaltada al seleccionar) | 0.1| | ||
| ===== Metodos ===== | ===== Metodos ===== | ||
| ^Nombre ^Descripción ^Versión ^ | ^Nombre ^Descripción ^Versión ^ | ||
| - | |[[metodos:warraybrwse_addcol|AddCol]]| Permite añadir elementos a aCols | 0.1| | + | |[[metodos:warraybrowse:addcol|AddCol]]| Permite añadir elementos a aCols | 0.1| |
| - | |[[metodos:warraybrwse_addrow|AddRow]]| Permite añadir elementos a aItems | 0.1| | + | |AddRow| Permite añadir una fila a aItems | 0.1| |
| + | |||
| ===== Hereda de... ===== | ===== Hereda de... ===== | ||
| + | |||
| ====== wControl ====== | ====== wControl ====== | ||
| {{page>controles:wcontrol#propiedades}} | {{page>controles:wcontrol#propiedades}} | ||
controles/warraybrowse.1578259595.txt.gz · Última modificación: 21/07/2020 10:50 (editor externo)
