Knockout X-Editable, обработчик успеха не вызывается

Question

У меня есть столбец в таблице с выбиваемыми значениями x-editable связывания. После загрузки страницы и в результате привязки ко для каждой строки вызывается обработчик успеха (что нормально, я могу этого избежать). Но как только страница настроена, и я иду вперед и меняю значение (установите любой из employeeId строки на 7-значное число), обработчик успеха больше не вызывается. Посмотрите эту скрипку с открытым журналом консоли:

http://jsfiddle.net/csabatoth/y3rfe6Lw/6/

HTML:

<table style="table table-striped">
    <thead>
        <tr>
            <td>First Name</td>
            <td>Last Name</td>
            <td>Employee ID</td>
        </tr>
    </thead>
    <tbody data-bind="foreach: candidates">
        <tr>
            <td><span data-bind="text: firstName"></span></td>
            <td><span data-bind="text: lastName"></span></td>
            <td><span data-bind="editable: employeeId, editableOptions: { validate: $root.validateEmployeeId, success: $root.persistEmployeeId($data) }"></span></td>
        </tr>
    </tbody>
</table>

JS:

$(document).ready(function () {
    function AppViewModel() {
        var self = this;

        self.validateEmployeeId = function (value) {
            if (value == null || !value.match(/^\d{7}$/))
                return 'Invalid EmployeeID';
        }

        self.persistEmployeeId = function (data) {
            console.log(data.employeeId);
        }

        self.candidates = ko.observableArray([
            { firstName: "John", lastName: "Dow", employeeId: 1001, applicantId: 1 },
            { firstName: "Jane", lastName: "Doe", employeeId: 1002, applicantId: 2 },
            { firstName: "Foo", lastName: "Bar", employeeId: 1003, applicantId: 3 }
        ]);
    }

    // Activates knockout.js
    ko.applyBindings(new AppViewModel());

});

Мне нужно сохранить изменения данных, хотя. Я попытался обойти эту проблему, сделав employeeId ko.observable и подписавшись на событие изменения. Но с подпиской я получаю только newValue в качестве параметра. Мне понадобится строка данных и идентификатор заявителя. EmployeeId может быть не уникальным, и мне нужно, чтобы вызов API постоянства нужд в ApplicantId и employeeId.

Как я могу решить это?

Answer 1

Я не мог сделать то, что вы пытались сделать с success связывание (я не думаю, что вы можете сделать это), но вместо этого я просто использовал Knockout с subscribe,

декларировать Applicant ViewModel, так как нам нужен employeeId, чтобы быть видимым для подписки:

var Applicant = function (model) {
    var self = this;

    self.firstName = model.firstName;
    self.lastName = model.lastName;
    self.employeeId = ko.observable(model.employeeId);
    self.applicantId = model.applicantId;

    self.employeeId.subscribe(function (newValue) {
        console.debug('Applicant ' + self.applicantId + ' now has employeeId: ' + newValue);
    });
}

Измените заполнение массива кандидатов, чтобы вместо него использовать ViewModel для кандидата:

var candidates = [
    new Applicant({ firstName: "John", lastName: "Dow", employeeId: 1001, applicantId: 1 }),
    new Applicant({ firstName: "Jane", lastName: "Doe", employeeId: 1002, applicantId: 2 }),
    new Applicant({ firstName: "Foo", lastName: "Bar", employeeId: 1003, applicantId: 3 })
];

self.candidates = ko.observableArray(candidates);

JsFiddle