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 | ||
|
wiki:2.-desarrollo-app:2.3.-codigo:a.-estructura-xml:3.-nodo-group:start [2017/10/02 11:57] patricia [Atributos XML] |
wiki:2.-desarrollo-app:2.3.-codigo:a.-estructura-xml:3.-nodo-group:start [2024/01/15 12:42] (actual) ary |
||
|---|---|---|---|
| Línea 2: | Línea 2: | ||
| ===== Nodo GROUP ===== | ===== Nodo GROUP ===== | ||
| \\ | \\ | ||
| - | Los Group son las <wrap em>pestañas</ | + | Los Group son las %%pestañas%% que nos aparecerán cuando creamos un nuevo objeto o editamos un objeto existente de la colección, a cada grupo se le asigna un ID, que es utilizado para definir en los campos a que pestaña pertenece dicho campo. |
| Si no se indica grupo para una propiedad, la capa de datos siempre hará pertenecer las propiedades al primer grupo definido en la colección. | Si no se indica grupo para una propiedad, la capa de datos siempre hará pertenecer las propiedades al primer grupo definido en la colección. | ||
| Línea 8: | Línea 8: | ||
| <WRAP center centeralign > | <WRAP center centeralign > | ||
| |< 80% 33% 33% 33% >| | |< 80% 33% 33% 33% >| | ||
| - | ^ Vista Pestañas en POCKET PC ^ Vista Pestañas en Blackberry | + | | {{:wiki:2.-desarrollo-app: |
| - | | {{wiki:pda1.jpg}} | {{wiki:bb_pestanas.jpg}} | + | |
| </ | </ | ||
| ====Ejemplo de definición de groups==== | ====Ejemplo de definición de groups==== | ||
| Línea 26: | Línea 25: | ||
| < | < | ||
| |< 90% 18% 82% >| | |< 90% 18% 82% >| | ||
| - | ^ATRIBUTO^DESCRIPCION^ | + | ^ ATRIBUTO |
| - | |**name**|Caption o literal que se verá en la pestaña.| | + | | **name** |
| - | |**id**|Valor | + | | **id** |
| - | |**disableedit**|<wrap em>Si se cumple la condición</ | + | | **disableedit** |
| - | |**disablevisible**|Similar al anterior, pero en este caso, <wrap em>Si se cumple la condición</ | + | | **disablevisible** |
| - | |**imgbk=" | + | | **imgbk=" |
| - | |**bgcolor="# | + | | **bgcolor="# |
| - | |**tab-width=" | + | | **tab-width=" |
| - | |**fixed=" | + | | **fixed=" |
| - | |**height=" | + | | **height=" |
| - | |**width=" | + | | **width=" |
| - | |**orientation=" | + | | **orientation=" |
| - | |**animation-in**|Animación que se produce cuando se entra en el grupo.| | + | | **animation-in** |
| - | |**animation-out**|Animación que se produce cuando se sale del grupo.| | + | | **animation-out** |
| </ | </ | ||
| </ | </ | ||
| Línea 65: | Línea 64: | ||
| <WRAP center > | <WRAP center > | ||
| |< 90% 22% 78% >| | |< 90% 22% 78% >| | ||
| - | ^ATRIBUTO^DESCRIPCIÓN^ | + | ^ ATRIBUTO |
| - | |**notab=”true|false”**|Por defecto es “false”. Si se pone a “true”, oculta todas las pestañas de la edición. Ésto no quiere decir que no podamos ir "de una pestaña a otra" con botones o haciendo " | + | | **notab=”true|false”** |
| - | |**group-swipe=" | + | | **group-swipe=" |
| - | |**tab-orientation=”top|bottom”**|Indica donde se van a mostrar las pestañas en pantalla. Arriba o abajo. Por defecto arriba.| | + | | **tab-orientation=”top|bottom”** |
| + | | **group-theme=" | ||
| </ | </ | ||
| Línea 100: | Línea 100: | ||
| \\ | \\ | ||
| Cuando el drawer está desplegado, a lo que hay detrás se le aplica una capa semitransparente que oscurece el fondo. Al hacer click sobre la capa semitransparente se oculta el drawer.\\ | Cuando el drawer está desplegado, a lo que hay detrás se le aplica una capa semitransparente que oscurece el fondo. Al hacer click sobre la capa semitransparente se oculta el drawer.\\ | ||
| + | \\ | ||
| + | |||
| + | <WRAP center centeralign > | ||
| + | |< 80% 33% 33% 33% >| | ||
| + | | {{: | ||
| + | </ | ||
| + | \\ | ||
| + | \\ | ||
| + | <WRAP center round tip 60%> | ||
| + | Para que un grupo se comporte como DRAWER se tiene que definir el atributo **drawer-orientation**=" | ||
| + | </ | ||
| \\ | \\ | ||
| === Atributos XML === | === Atributos XML === | ||
| Línea 107: | Línea 118: | ||
| | 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=" | ||
| + | <prop .... /> | ||
| + | </ | ||
| + | </ | ||
| + | |||
| \\ | \\ | ||
| === Métodos Drawer === | === Métodos Drawer === | ||
| Línea 116: | Línea 136: | ||
| | ui.lockGroup(idGrupo, | | ui.lockGroup(idGrupo, | ||
| | 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. | | ||
| + | \\ | ||
| + | <code javascript> | ||
| + | function irGrupo(grupo){ | ||
| + | ui.showGroup(grupo,'## | ||
| + | } | ||
| + | function ocultarGrupo(grupo){ | ||
| + | ui.hideGroup(grupo); | ||
| + | } | ||
| + | function MostrarGrupo(grupo){ | ||
| + | ui.toggleGroup(grupo); | ||
| + | } | ||
| - | <code xml> | ||
| - | <group name=" | ||
| - | <prop .... /> | ||
| - | </ | ||
| </ | </ | ||
| + | \\ | ||
| + | **Ejemplo de uso:** | ||
| + | <code javascript> | ||
| + | <coll name=" | ||
| + | <group name=" | ||
| + | | ||
| + | <prop name=" | ||
| + | | ||
| + | | ||
| + | <prop name=" | ||
| + | < | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | |||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | |||
| + | </ | ||
| + | | ||
| + | <group name=" | ||
| + | <frame name=" | ||
| + | <frame name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | |||
| + | </ | ||
| + | </ | ||
| + | | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | <prop name=" | ||
| + | </ | ||
| + | | ||
| + | |||
| + | < | ||
| + | <action name=" | ||
| + | <script language=" | ||
| + | self.MAP_DOPDF = 0; | ||
| + | self.MAP_SELECTOR_BGCOLOR = "# | ||
| + | self.MAP_SELECTOR_BGCOLOR2 = "# | ||
| + | self.MAP_SELECTOR_BGCOLOR3 = "# | ||
| + | self.MAP_SELECTOR_BGCOLOR4 = "# | ||
| + | self.MAP_SELECTOR_BGCOLOR5 = "# | ||
| + | self.MAP_HUELLADACTILAR = 0; | ||
| + | self.MAP_CONTADOR1=1; | ||
| + | | ||
| + | try{ | ||
| + | if(!isWatch() & | ||
| + | if(fingerprintManager != null){ | ||
| + | if (fingerprintManager.isHardwareAvailable()) | ||
| + | { | ||
| + | self.MAP_T_HUELLADACTILAR_IFO = "Su dispositivo soporta la lectura de huella dactilar, pulse el boton para asignar una huella al usuario actual."; | ||
| + | self.MAP_HUELLADACTILAR = 1; | ||
| + | }else{ | ||
| + | self.MAP_T_HUELLADACTILAR_IFO = "Su dispositivo no soporta la lectura de huella dactilar."; | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | }catch(ex){ | ||
| + | self.MAP_T_HUELLADACTILAR_IFO = "Su dispositivo no soporta la lectura de huella dactilar."; | ||
| + | } | ||
| + | | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | <onback show-wait-dialog=" | ||
| + | <action name=" | ||
| + | <script language=" | ||
| + | appData.failWithMessage(-11888, | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | | ||
| + | |||
| + | | ||
| + | < | ||
| + | <action name=" | ||
| + | <param name=" | ||
| + | <script language=" | ||
| + | ui.startReplica(); | ||
| + | irGrupo(grupo); | ||
| + | ui.refresh(" | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | | ||
| + | <menu show-wait-dialog=" | ||
| + | <action name=" | ||
| + | <param name=" | ||
| + | <script language=" | ||
| + | ui.showToast(" | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | | ||
| + | < | ||
| + | <action name=" | ||
| + | <param name=" | ||
| + | <script language=" | ||
| + | ui.startReplica(); | ||
| + | irColl(coll); | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | | ||
| + | < | ||
| + | <action name=" | ||
| + | <script language=" | ||
| + | if(getOS() == " | ||
| + | doRegisterNewFingerprintIOS(); | ||
| + | }else{ | ||
| + | doRegisterNewFingerprint(); | ||
| + | } | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| - | Ejemplo de uso: | + | </coll> |
| - | <code vb> | + | |
| - | ui.showGroup( " | + | </ |
| - | </ | + | |