1

次のようなテーブル構造を作成しました。

<table><tr data-bind="css: {success: status}">
         <td>
          <input type="checkbox" onclick="this.disabled = 'disabled';" data-bind="checked: status, disable: status, click: $root.UpdateStatus" />
         </td>
         <td>
            <span style="width: 80%" data-bind="text: goals" />
         </td>
         <td>
            <input type="text" style="width: 80%" data-bind="value: notes , event: { blur: $root.UpdateNote}" />
         </td>
        </tr></table>

この表では、すべての行に 1 つのチェックボックスがあります。私の問題は、チェックボックスがオンになっているときに行の色を変更したいということです。trでcssバインディングを行いましたが、ページを再度リロードすると機能します。これはjsfiddle linkですが、機能していません。

4

1 に答える 1

4

私はあなたのフィドルをきれいにして、それを機能させました:

http://jsfiddle.net/vyshniakov/gkyGN/3/

編集

サーバーからデータをマッピングするには、次のarrayMap関数を使用しko.utilsます。

    $.ajax({
        url: 'ajax/test.html',
        success: function(data) { // in data should come tblGoals.
            var mappedData = ko.utils.arrayMap(data, function(item) {
                // Change property names if necessary 
                return new Goal(data.GoalId, data.Goals, data.Notes, data.Status);
            });

            var viewModel = new ViewModel(mappedData);
            ko.applyBindings(viewModel);
        }
    });
于 2012-10-17T12:09:20.780 に答える