0

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 と続きます。私の言いたいことを理解していただければ幸いです。

4

1 に答える 1