2012-05-17 15 views
12

Estoy tratando de establecer dinámicamente la clase de una plantilla de elemento listview:¿Cómo puedo configurar la clase de un elemento a partir de datos-ganar-bind

<div id="semanticZoomTemplate" data-win-control="WinJS.Binding.Template" style="display: none"> 
    <h1 class="semanticZoomItem-Text" data-win-bind="innerText:title;class:contains"></h1> 
</div> 

Pero data-win-bind deja de hacer cualquier cosa cuando está presente la 'clase' como un nombre de propiedad.

¿Hay una manera correcta de diseñar elementos específicos en una lista de vistas si de hecho no puedo cambiar la clase con data-win-bind?

Respuesta

15

Tiene que establecer la propiedad JavaScript clase, que no se llama "clase", pero "className".

+0

Gracias! data-win-bind = "innerText: title; className: contains" funciona muy bien. – dannyfritz

+1

Hola @ChristiaanV, ¿sabes si usar 'class =" other "data-win-bind =" className: contains "' reemplaza el atributo de clase o agrega el enlace al existente? – Floydian

+0

Por defecto anula la "otra" clase. Sé que puedes construir conversores, que puedes agregar en tus enlaces, pero no sabes exactamente si puedes construir un convertidor que pueda hacer que la clase se agregue. – ChristiaanV

Cuestiones relacionadas