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 [2020/02/27 13:55] ary [Tabla] |
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 25: | Línea 25: | ||
| < | < | ||
| |< 90% 18% 82% >| | |< 90% 18% 82% >| | ||
| - | ^ ATRIBUTO | + | ^ ATRIBUTO |
| - | | **name** | + | | **name** |
| - | | **id** | + | | **id** |
| - | | **disableedit** | + | | **disableedit** |
| - | | **disablevisible** | + | | **disablevisible** |
| - | | **imgbk=" | + | | **imgbk=" |
| - | | **bgcolor="# | + | | **bgcolor="# |
| - | | **tab-width=" | + | | **tab-width=" |
| - | | **fixed=" | + | | **fixed=" |
| - | | **height=" | + | | **height=" |
| - | | **width=" | + | | **width=" |
| - | | **orientation=" | + | | **orientation=" |
| - | | **animation-in** | + | | **animation-in** |
| - | | **animation-out** | + | | **animation-out** |
| </ | </ | ||
| </ | </ | ||
| Línea 106: | Línea 106: | ||
| | {{: | | {{: | ||
| </ | </ | ||
| + | \\ | ||
| + | \\ | ||
| + | <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 112: | 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 121: | 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( " | + | </ |
| - | </ | + | |