Question

我尝试用Knockout绑定两个计算选择： - 在页面加载时填充第一个选择（DropDownLinee） - 当用户选择第一个选择

上的项目时，将填充第二个选择（DropDownCorse）

这是一个例子：

<select id="DropDownLinee" data-bind="options: ArrayLinee, optionsText: 'NomeLinea', optionsValue: 'NomeLinea', value: selectedLinea " data-toggle="dropdown"></select>

<select id="DropDownCorse" data-bind="options: ArrayCorse,  optionsText: 'CodiceCorsa', optionsValue: 'CodiceCorsa', value: selectedCorsa " data-toggle="dropdown"></select>

 function LineeViewModel() {
      var self = this;

  self.selectedLinea = ko.observable();
  self.selectedCorsa = ko.observable();

  self.ArrayLinee = ko.observableArray([]);
  self.ArrayCorse = ko.observableArray([]);

  $.getJSON('/Home/GetLines', function (data) {
    self.ArrayLinee(data);
  });

  self.ArrayCorse = ko.computed(function () {
    $.getJSON('/Home/GetRides',
    {
      LineaSelezionata: self.selectedLinea(),
      DirezioneSelezionata: $('input[name=radio4]:checked', '.areaselezione').val()
    },
    function (data) {
      debugger;
      self.ArrayCorse(data);

    });
  });
}


  lineeVM = new LineeViewModel();
  ko.applyBindings(lineeVM);

当我检查加载＆＃39; DropDownCorse＆＃39;时出现此错误：未捕获错误：除非您指定“写入”，否则无法将值写入ko.computed。选项。如果您想阅读当前值，请不要传递任何参数。

任何人都可以帮我解决这个问题吗？

提前致谢Donato

Answer 1

您想使用subscribe，而不是computed。

  self.selectedLinea.subscribe(function (newSelection) {
    $.getJSON('/Home/GetRides',
    {
      LineaSelezionata: newSelection,
      DirezioneSelezionata: $('input[name=radio4]:checked', '.areaselezione').val()
    },
    function (data) {
      debugger;
      self.ArrayCorse(data);

    });
  });

两个选择计算的Knockout

1 个答案: