foreachバインディングがあります
<table id="Table_OperationsGroup">
<tbody data-bind="foreach: groupOperationsGroup">
<!-- ko if: $index() < $root.groupOperationsGroup().length - 1 -->
<tr>
<td>
<select data-bind="changeGroup: groupOperations,options: operators, optionsText: 'Name', value: groupOperations" style="width: 105px;margin-top:5px !important;margin-bottom:5px !important;margin-left:0px !important;"></select>
</td>
</tr>
<!-- /ko -->
</tbody>
</table>
JS
ko.bindingHandlers.changeGroup = {
update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
//some code to work with the select
}
};
var groupOperationsTemplate = function () {
var self = this;
self.groupOperations = ko.observable(operators);
self.lines = ko.observableArray([{
operations: ko.observable()
}]);
self.addLine = function (line) {
line.lines.push({
operations: ko.observable(operators)
})
};
self.removeLine = function (line) {
if (self.lines().length > 1) {
self.lines.remove(line);
}
};
};
var Filter = function () {
var self = this;
//self.template = ko.observableArray();
self.groupOperationsGroup = ko.observableArray([new groupOperationsTemplate()]);
self.addGroupOperator = function (data) {
self.groupOperationsGroup.splice(self.groupOperationsGroup.indexOf(data) + 1, 0, new groupOperationsTemplate());
};
};
var vm = new Filter();
ko.applyBindings(vm);
だから、私が欲しいのは、誰かが選択を変更した場合、バインディングハンドラーで変更されている選択を正確に取得したいということです。問題は、select ごとに bindinghandler が呼び出されることです。0 から始まり、1、2、3 と続きます。私の言いたいことを理解していただければ幸いです。