0

我正在尝试使用敲除将下拉列表绑定到选项列表的 observableArray。据我所知，我遵循了我找到的示例，但它不起作用。以下是我的代码的相关部分。这是在 MVC 应用程序的一个 cshtml 文件中，所以你会在其中看到一些 Razor 语法。

$(function () {
  var $thisdd = $("#@ddname");  //the JQuery selector for my dropdown
  var dropdownItems = new ko.observableArray();

  dropdownItems = getDropdownItemsFromDl("@ddname");

  var newitem = ko.observable({ cname: ddcname, cvalue: ko.observable($thisdd.val()), cpublishtopic: "" });
  classificationsViewModel.push(newitem());
  $thisdd.attr("data-bind", "options: dropdownItems, optionsText: function(item) { return item.value; }, optionsValue: function(item) { return item.key; }, value: classificationsViewModel()[" + classificationsViewModel.indexOf(newitem()) + "].cvalue ");
  ko.applyBindings(newitem);
});

调用 getDropdownItemsFromDl 后，Chrome 调试监视窗口中的 dropdownItems 如下所示：

dropdownItems(): Array[14]
0: Object
key: "0"
value: "none"
__proto__: Object
1: Object
key: "1"
value: "Equity Portfolio"
__proto__: Object
2: Object
key: "2"
value: "Fixed Income Portfolio"
__proto__: Object
3: Object
4: Object
5: Object
6: Object
7: Object
8: Object
9: Object
10: Object
11: Object
12: Object
13: Object
length: 14
__proto__: Array[0]

classificationsViewModel 是一个 ko.observableArray。cvalue 是该数组中对象的 ko.observeable 属性。

下拉选项列表最后只有“无”，即数组中的第一项。我的绑定属性有什么问题？

4

1 回答 1

0

只要绑定到值是最后一个脚本行，我就可以让它工作。该 ko.applyBinding 行之后的任何 javascript 都不会被执行！我将创建另一个问题来解决这种奇怪的问题，因为这对我的应用程序来说是一个严重的问题。

请注意，我最终使用了 viewModel。我无法直接绑定到 observableArray 工作。

另请注意， value: 位于 data-bind 属性中的 options: 之前。当我有 value: 作为属性的最后一部分时，选项绑定不起作用。

这是我的代码中“工作”的相关行。

$(function () {   
  var $thisdd = $("#@ddname");  //the JQuery selector for my dropdown   

  var dropdownItems = getDropdownItemsFromDl("@ddname");    
  var newitem = ko.observable({ cname: ddcname, cvalue: ko.observable($thisdd.val()), cpublishtopic: "" });   
  classificationsViewModel.push(newitem());   

  var viewModel =
    {
        dditems : dropdownItems 
    };

  $("#@ddname").attr("data-bind", "value: classificationsViewModel()[" + classificationsViewModel.indexOf(newitem()) + "].cvalue, options: dditems, optionsText: 'value', optionsValue: 'key'");
  ko.applyBindings(viewModel);
  ko.applyBindings(classificationsViewModel()[classificationsViewModel.indexOf((newitem())].cvalue);
});

我希望这个“答案”可以帮助其他人解决这个问题。

于 2012-08-21T16:42:42.840 回答