如何使用knockout js从几个输入中获取值

Question

我有四个这样的输入:

<input type="text" data-bind="value: Id" />
<input type="text" data-bind="value: Id" />
<input type="text" data-bind="value: Id" />
<input type="text" data-bind="value: Id" />

我需要从这个输入中检索数据并将它们放入数组中。我试过这样做:

`var data = [];
    var viewModel = {
        Id: ko.observable(),
        Ids: ko.observableArray(data),
        showReports: function () {
            var container = $('input[type=text]');
            container.each(function() {
                if (container.val().trim().length > 0) {
                    data.push({ Id: container.val() });
                }
            });
        }
    };
    ko.applyBindings(viewModel);`

当我用数据填充第一个输入时，其他输入也被填充，但我需要在那里放置其他数据。我该如何应对呢?以后我将有4个以上的输入

Answer 1

试试这个(未测试):

<!-- ko foreach: Ids -->
    <input type="text" data-bind="value: Id" />
<!-- /ko -->
var data = [];
var viewModel = function () {
    var self = this;
    this.Id = ko.observable();
    this.Ids = ko.observableArray([{ Id: 1 }, { Id: 2 }, { Id: 3 }]);
    this.showReports = function () {
        for(var i = 0; i < self.Ids().length)
            data.push(self.Ids()[i];
    }
};
ko.applyBindings(new viewModel());