动态分配cssClass与淘汰不工作

Dynamically allocating cssClass with knockout not working

本文关键字：工作 淘汰 cssClass 动态分配      更新时间：2023-09-26

我定义了以下表格:

<tbody data-bind="foreach: timeslots">
    <td class="start-time" data-bind="text: time"></td>
    <td data-bind="text: displayStatus, class: cssClass, click: $parent.loadDetails"></td>
</tbody>

在我的Javascript文件中，我有条件地将cssClass设置为来自单独的.css文件的各种类，如下所示:

// my viewmodel is a list of timeslot objects.  This is one instance
timeslot.cssClass = "event-invite";

我在css文件中定义了event-invite:

.event-invite {
    background: #FFFF99;
    cursor: pointer;
}

然而，这些css实际上都没有绑定到我的元素。用knockout动态绑定css类的正确方法是什么?

要绑定css，可以使用以下语法:

<td data-bind="attr: {class: cssClass}"></td >

下面是描述这个绑定的ko js页面:

http://knockoutjs.com/documentation/attr-binding.html

虽然segFault的解决方案工作，我认为css绑定更直接:

<td data-bind="css: cssClass"></td >
http://knockoutjs.com/documentation/css-binding.html

相关文章：