.win-item listview group HTML5

Question

Buenas,

Tengo un listview con 3 templates distintos:

      <div data-win-control="WinJS.Binding.Template" id="itemTemplate">
                <div class="itemTemplate">
                    <img src="#" data-win-bind="src:foto" />
                    <h2 data-win-bind="innerText:descripcion"></h2>
                    <h3 data-win-bind="innerText:precio"></h3>
                </div>
       </div>

    <div data-win-control="WinJS.Binding.Template" id="itemTemplateDoble">
         <div class="itemTemplateDoble" >
            <img src="#" data-win-bind="src:foto" />
            <h2 data-win-bind="innerText:descripcion"></h2>
            <h3 data-win-bind="innerText:precio"></h3>
        </div>
    </div>

    <div data-win-control="WinJS.Binding.Template" id="itemTemplateTriple">
         <div class="itemTemplateTriple">
            <img src="#" data-win-bind="src:foto" />
            <h2 data-win-bind="innerText:descripcion"></h2>
            <h3 data-win-bind="innerText:precio"></h3>
        </div>
    </div>

Tengo problema con el elemento que agrupa todos los elementos, siempre tiene el mismo tamaño por más que cambie por CSS.

.itemTemplate   {
    width: 300px;
    height: 100px; display:block; background-color:aquamarine;
    background-color: #999;
    padding: 5px;
}

.itemTemplateDoble   {
    width: 300px;
    height: 220px;
    padding: 5px;
    background-color: #999;display:block; 
}


.itemTemplateTriple  {
    width:300px;
    padding:5px;
    background-color:#999;display:block; 
    height:340px;
}

Al parecer con .win-item me permite cambiar el tamaño pero me hace en todos los template, como puedo habilitar para cada tipo de template el uso de:

.win-item {
height:auto; 
}

Gracias

{

height

:200px;

}

---

Elbrinner

Answer 1

Tenia mal está línea;

  function groupInfo() {
        return {
            cellHeight: 110,
            cellWidth: 310,
            enableCellSpanning: true
        };
    }

---

Elbrinner

Answer 2

Hola,

Mira en este artículo, tienes más ejemplos de lo que quieres hacer: http://www.desarrolloweb.com/articulos/diseno-listas-win8.html

Saludos,

Juanma

Answer 3

Gracias,

Ya tengo está parte funcionando. El problema estaba relacionado que el nombre de la función no estaba escrito de la misma forma.

El problema que tengo ahora, está relacionado que al final del listview muestra algunos elementos sin nada y no entiendo porque.

Un saludo

---

Elbrinner