0

私はこのようなテーブルにボタンを持っています

<tbody data-bind="foreach: Items">
    <tr data-bind="css: { alt: $index() % 2 }">
        <td style="width: 60%;" data-bind="    html: ItemName"></td>
        <td data-bind="    html: Quantity"></td>
        <td style="align-items: center; text-align: center;">
            <input id="btnReady" type="button" value="Ready" class="button" data-bind="click: readyItem " /></td>
    </tr>
</tbody>

そして私の見解はこのようなものです

function MenuItem(data, hub) {
var self = this;
data = data || {};

// Persisted properties
self.Id = data.Id;
self.ItemId = data.ItemId;
self.OrderId = data.OrderId;
self.ItemName = ko.observable(data.ItemName || "");
self.Quantity = ko.observable(data.Quantity || "");
self.Notes = data.Notes || "";
self.Status = data.Status;
self.error = ko.observable();

self.hub = $.connection.postHub;

self.readyItem = function () {
    self.hub.server.itemReady(self.ItemId, self.OrderId).done(function () {
        $('#btnReady').attr('disabled', 'disabled');
    }).fail(function (err) {
        self.error(err);
    });
}}

上記のボタンをクリックすると、常にテーブルの最初のボタンが無効になります。クリックしたものを無効にするにはどうすればよいですか。助けてください。

4

2 に答える 2

1

disableDOM を手動で操作するのではなく、Knockout のバインディングを使用します。

各項目に追加

self.isReady=ko.observable(false);

でself.readyItem、DOM 操作を次のように置き換えます。

self.isReady(true);

HTMLに、追加します

disable: isReady

のデータ バインディングに<input>追加し、属性を削除しidます。

于 2013-11-01T11:34:52.853 に答える