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 [29/12/2019 21:08] pedro [Metodos] |
controles:warraybrowse [24/08/2023 15:24] 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) | + | :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://fractality.ddns.net:44444/xacgi?MariaDB2 100%,600px}} | ||
---- | ---- | ||
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}} |