2012-05-17 21 views
12

Tôi đang cố gắng để tự động thiết lập các lớp của một mẫu mục listview:Làm thế nào để thiết lập lớp của một nguyên tố sử dụng dữ liệu-win-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> 

Nhưng data-win-bind không làm bất cứ điều gì khi 'lớp' có mặt như một tên thuộc tính.

Có cách nào đúng để tạo kiểu cho các mục cụ thể trong chế độ xem danh sách nếu thực sự tôi không thể thay đổi lớp học bằng tính năng liên kết dữ liệu không?

Trả lời

15

Bạn cần đặt thuộc tính lớp JavaScript, không được gọi là "lớp", nhưng "className".

+0

Cảm ơn! data-win-bind = "innerText: title; className: chứa" hoạt động tuyệt vời. – dannyfritz

+1

Xin chào @ChristiaanV, bạn có biết nếu sử dụng 'class =" other "data-win-bind =" className: contains "' thay thế thuộc tính lớp hoặc nối thêm vào thuộc tính hiện tại không? – Floydian

+0

Theo mặc định, nó ghi đè lớp "khác". Tôi biết rằng bạn có thể xây dựng các trình biến đổi, mà bạn có thể thêm vào sự ràng buộc của mình, nhưng không biết chính xác liệu bạn có thể xây dựng một trình chuyển đổi có thể làm cho lớp thêm vào hay không. – ChristiaanV

Các vấn đề liên quan