| Ambos lados, revisión anterior
Revisión previa
Próxima revisión
|
Revisión previa
|
wiki:2.-desarrollo-app:2.3.-codigo:a.-estructura-xml:3.-nodo-group:start [2024/01/15 12:17]
ary [Métodos Drawer] |
wiki:2.-desarrollo-app:2.3.-codigo:a.-estructura-xml:3.-nodo-group:start [2024/01/15 12:42] (actual)
ary |
| <datatables> | <datatables> |
| |< 90% 18% 82% >| | |< 90% 18% 82% >| |
| ^ ATRIBUTO ^ DESCRIPCION ^ | ^ ATRIBUTO ^ DESCRIPCION ^ |
| | **name** | Caption o literal que se verá en la pestaña. | | | **name** | Caption o literal que se verá en la pestaña. | |
| | **id** | Valor %%numérico%% que va a identificar %%de forma única%% a ese grupo/pestaña. | | | **id** | Valor %%numérico%% que va a identificar %%de forma única%% a ese grupo/pestaña. | |
| | **disableedit** | %%Si se cumple la condición%%, deshabilita la edición de todas las propiedades/campos de la pestaña. IMPORTANTE, no dejar espacios entre el campo y el valor de la condición, por ejemplo: "ESTADO=1" | | | **disableedit** | %%Si se cumple la condición%%, deshabilita la edición de todas las propiedades/campos de la pestaña. IMPORTANTE, no dejar espacios entre el campo y el valor de la condición, por ejemplo: "ESTADO=1" | |
| | **disablevisible** | Similar al anterior, pero en este caso, %%Si se cumple la condición%%, la pestaña ni siquiera se muestra. Al igual que ocurre con el disableedit, NO dejar espacios entre el campo y el valor de la condición. | | | **disablevisible** | Similar al anterior, pero en este caso, %%Si se cumple la condición%%, la pestaña ni siquiera se muestra. Al igual que ocurre con el disableedit, NO dejar espacios entre el campo y el valor de la condición. | |
| | **imgbk="fondo.png"** | Imagen a mostrar de fondo en la pestaña. Cuando convive el atributo imgbk con bgcolor, prevalece el valor de imgbk. | | | **imgbk="fondo.png"** | Imagen a mostrar de fondo en la pestaña. Cuando convive el atributo imgbk con bgcolor, prevalece el valor de imgbk. | |
| | **bgcolor="#FFFFFF"** | Color de fondo de la pestaña en RGB. | | | **bgcolor="#FFFFFF"** | Color de fondo de la pestaña en RGB. | |
| | **tab-width="50%"** | Permite definir el ancho de una pestaña. Por defecto toma el valor "33%". | | | **tab-width="50%"** | Permite definir el ancho de una pestaña. Por defecto toma el valor "33%". | |
| | **fixed="true|false"** | Pestaña fija que se muestra siempre, aunque navegues por el resto de pestañas. | | | **fixed="true|false"** | Pestaña fija que se muestra siempre, aunque navegues por el resto de pestañas. | |
| | **height="10%"** | Solo se utiliza en grupos fixed=”true”.Indica el alto de la ventana a mostrar. | | | **height="10%"** | Solo se utiliza en grupos fixed=”true”.Indica el alto de la ventana a mostrar. | |
| | **width="100%"** | Solo se utiliza en grupos fixed=”true”.Indica el ancho de la ventana a mostrar. | | | **width="100%"** | Solo se utiliza en grupos fixed=”true”.Indica el ancho de la ventana a mostrar. | |
| | **orientation="top|bottom"** | Solo se utiliza en grupos fixed=”true”.Indica donde se va a mostrar el grupo bloqueado. | | | **orientation="top|bottom"** | Solo se utiliza en grupos fixed=”true”.Indica donde se va a mostrar el grupo bloqueado. | |
| | **animation-in** | Animación que se produce cuando se entra en el grupo. | | | **animation-in** | Animación que se produce cuando se entra en el grupo. | |
| | **animation-out** | Animación que se produce cuando se sale del grupo. | | | **animation-out** | Animación que se produce cuando se sale del grupo. | |
| </datatables> | </datatables> |
| </WRAP> | </WRAP> |
| | width | Ancho en píxeles o porcentaje del grupo desplegable. | | | width | Ancho en píxeles o porcentaje del grupo desplegable. | |
| | height| Alto en píxeles o porcentaje del grupo desplegable. | | | height| Alto en píxeles o porcentaje del grupo desplegable. | |
| | \\ |
| | **Declaración** |
| | \\ |
| | <code javascript> |
| | <group name="Drawer" id="99" drawer-orientation="left" width="70%" height="100%"> |
| | <prop .... /> |
| | </group> |
| | </code> |
| | |
| \\ | \\ |
| === Métodos Drawer === | === Métodos Drawer === |
| | ui.lockGroup(idGrupo,close) | Como parámetros hay que indicarle el grupo que queremos bloquear y en qué estado lo queremos bloquear, visible u oculto. Este segundo parámetro es close(booleano) de forma que **true** lo bloqueará cerrado u oculto y **false** lo bloqueará desplegado ó visible. | | | ui.lockGroup(idGrupo,close) | Como parámetros hay que indicarle el grupo que queremos bloquear y en qué estado lo queremos bloquear, visible u oculto. Este segundo parámetro es close(booleano) de forma que **true** lo bloqueará cerrado u oculto y **false** lo bloqueará desplegado ó visible. | |
| | ui.unlockGroup(idGrupo) | Como parámetro hay que indicarle el grupo que queremos desbloquear. | | | ui.unlockGroup(idGrupo) | Como parámetro hay que indicarle el grupo que queremos desbloquear. | |
| \\ | |
| **Declaración** | |
| \\ | \\ |
| <code javascript> | <code javascript> |
| <group name="Drawer" id="99" drawer-orientation="left" width="70%" height="100%"> | function irGrupo(grupo){ |
| <prop .... /> | ui.showGroup(grupo,'##RIGHTN##',1000,'##RIGHTN_OUT##',200); |
| </group> | } |
| </code> | function ocultarGrupo(grupo){ |
| | ui.hideGroup(grupo); |
| | } |
| | function MostrarGrupo(grupo){ |
| | ui.toggleGroup(grupo); |
| | } |
| |
| | </code> |
| | \\ |
| **Ejemplo de uso:** | **Ejemplo de uso:** |
| <code javascript> | <code javascript> |