Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Próxima revisión		 Revisión previa
wiki:2.-desarrollo-app:2.3.-codigo:b.-controles-xone:5.-listado-de-datos:7.-slide-view:start [2018/02/07 12:09] – editor externo 127.0.0.1wiki:2.-desarrollo-app:2.3.-codigo:b.-controles-xone:5.-listado-de-datos:7.-slide-view:start [2023/10/06 14:47] (actual) – [SLIDEVIEW] ary
Línea 1: Línea 1:
 {{indexmenu_n>1}} {{indexmenu_n>1}}
-====== SLIDE VIEW =====+====== SLIDEVIEW =====
 \\ \\
-Contents Datos Slide View.\\+**Contents Datos Tipo Slide View**.\\
 \\ \\
-**Ejemplos:**\\+El atributo **slideview** definido en la declaracioón del prop tipo Content, nos permite visualizar los registros de uno en uno, pero desplazándonos por cada uno de forma horizontal o vertical, solo haciendo un movimiento con el dedo en pantalla, como si pagináramos los registros. De la misma forma, podemos usar  atributos que se usan conjuntamente con el slideview para lograr apariencias distintas y mejor logradas. 
 +\\ 
 +Para definir un content con funcionalidad de slideview declaramos:\\
 \\ \\
 <code xml> <code xml>
-<coll name="ContentsDatosSlide" title="ContentsDatosSlide" objname="datosslide" updateobj="datosslide" progid="ASData.CASBasicDataObj"  +<prop name="ContentsDatosSlide" viewmode="slideview" autoslide-delay="5" type="Z"  
-sql="select ID,TITULO,DESCRIPCION,IMAGEN from ##PREF##datosslide"> +        width="100%" lmargin="0" height="1160p" contents="ContentsDatosSlide" onchange="refresh255" forceonchange="true" slide-circular="true" /> 
-      <group name="datos" id="1" width="720p" height="1000p" bgcolor="#FFFFFF"> +        <contents name="ContentsDatosSlide" src="ContentsDatosSlide" /> 
-        <prop name="TITULO" visible="7" text-forecolor="#000000" lmargin="0" locked="true" text-align="center" textfont-bold="true" textfont-size="12" text-border="false" width="100%" labelwidth="0" type="T" /> +</code> 
-        <prop name="IMAGEN" type="IMG" visible="7" width="720p" height="350p" /> +\\ 
-        <frame name="frmCuerpo" width="100%" height="710p" tmargin="10p" scroll="true" align="top|left">  + 
- <prop name="DESCRIPCION" visible="7" height="-1" lmargin="10p" rmargin="10p" lines="2" text-forecolor="#000000" type="T" locked="true" fixed-lines="true" labelwidth="0" /></frame> +<WRAP round info 60%> 
-      </group> +En este ejemplo, hemos definido un content que se visualizarán los registros, moviéndonos de uno en uno en pantalla, al declarar el contents con el atributo **viewmode="slideview"**. Si se define un with más pequeño que el tamaño de la pantalla del dispositivo, permitirá visualizar más de un registro.  
-      <!-- <selecteditem refresh="false" />+</WRAP> 
 + 
 +\\ 
 +**El efecto visual del slideView será de esta forma:** 
 +\\ 
 +{{:wiki:2.-desarrollo-app:2.3.-codigo:b.-controles-xone:5.-listado-de-datos:7.-slide-view:video_sin_titulo_‐_hecho_con_clipchamp.mp4?nolink&400|}} 
 +\\ 
 +\\ 
 +**Atributos para utilizar en los props de la colección del content vista slideview:** 
 +\\ 
 +|<55%>| 
 +^ Atributos              ^ Funcionalidad                                                                              ^ 
 +| slide-circular="true"  | Permite q al llegar la visualización al último registro, reinicie por el primero otra vez  | 
 + 
 +\\ 
 + 
 +\\
  
- <auto-selecteditem refresh="false" show-wait-dialog="false"> 
- <action name="runscript"> 
- <script language="VBScript">       
- self.MAP_TITULO")=self.TITULO") 
- self.MAP_DESCRIPCION")=self.DESCRIPCION") 
- ui.Refresh "@DatosLocalidad","MAP_TITULO","MAP_DESCRIPCION" 
- </script> 
- </action> 
- </auto-selecteditem> 
-  
- --> 
-    </coll> 
-  
- </code>