如何将 Knockout.js Viewmodel 属性的视图中的任何 DOM 动态应用背景颜色？

Question

我想使用 knockout.js Viewmodel 动态应用背景色。

赞HTML

<table border="1"  > // I need back color over here
    <tbody>
        <tr>
            <td>
…………

我的视图模型

function SelfEmpPerformance() {
    var that = this;
    that.departcompetencebackcolor = ko.observable('');
    $.ajax({
        type: "GET",
        cache: false,
        url: baseUrl() + "/EmpSelfReview/GetSelfReviewData",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {
            if (data.Success == 1) {
                 that.departcompetencebackcolor(data.SelfEmpPerformance.
                                  departcompetencebackcolor);
                                   }
                                 }
            });
   }

我需要在 departcompetencebackcolor 属性中的 table 上设置颜色代码。

Answer 1

您可以尝试使用样式绑定。您可以在此处查看如何使用它 http://knockoutjs.com/documentation/style-binding.html

在您的情况下，table 定义应如下所示：

<table border="1" data-bind="style: { backgroundColor : departcompetencebackcolor() }">

如何将 Knockout.js Viewmodel 属性的视图中的任何 DOM 动态应用背景颜色？

How to apply dynamically background color to any DOM in the View from Knockout.js Viewmodel property?

asp.net-mvc

knockout.js

如何将 Knockout.js Viewmodel 属性 的视图中的任何 DOM 动态应用背景颜色？

How to apply dynamically background color to any DOM in the View from Knockout.js Viewmodel property?

asp.net-mvc

knockout.js

如何将 Knockout.js Viewmodel 属性的视图中的任何 DOM 动态应用背景颜色？