Sencha Touch 2 - Desplazable Dataview se superpone a otros elementos en el Panel de

Question

Me gustaría añadir una sección en la que también se desplaza con el dataview, prefiero no agregar esta en la vista de datos y el almacén de enlaces, porque si un elemento es aprovechado empuja a otro punto de vista, por lo tanto, es causa de un error tratando de encontrar una inexistente vista.

Básicamente me gustaría que todos los elementos en el Contenedor para ser desplazable en lugar de sólo el dataview.

Aquí está el código en este punto de vista:

    config:{
    title:'Learning Journey',
    layout:'fit',

    items:[
        {
            html:'<p>This will be overlapped when the text is too long or when scrolled.</p>'
        },
        {
            xtype:'dataview',
            store:'MenuStore',
            itemTpl:'<div class="menuData {panelColour}"><h1>{panelTitle}</h1><br> {panelDesc}'
        }
    ]
}

Estoy seguro que no hay una respuesta simple a este problema, pero no puedo conseguir mi cabeza alrededor de ella (soy un Sencha Touch 2 noob).

Gracias!

Aquí hay una imagen que muestra el problema: http://i58.tinypic.com/2v1nqk4.jpg

Answer 1

El problema es el diseño de su envoltura contenedor. fit se asegura de que todos los elementos del contenedor se llene el contenedor entero.De modo que la anchura y la altura de su contenedor html se establece en el 100% de cada uno.Pero esto también se aplica a su dataview.Por lo tanto los elementos de llenar el envolviendo completamente el recipiente.

Para solucionarlo solo hay que establecer el diseño de la envoltura contenedor para vbox.Así que el dataview se inserta directamente en virtud de su contenedor html.

Si usted quiere que su contenedor html para ser desplazable tiene que agregar el scrollable: true la propiedad de la misma.Pero no olvides algo de altura!