8

编辑:问题与绑定无关,而是与一个简单的 JavaScript 错误有关。

我有一个关于 foreach 绑定中的点击绑定的问题。我有一个项目列表,其中显示一个下拉框以从主数据中选择一个值。可以从该列表中添加和删除项目。删除项目的按钮嵌套在 foreach 绑定中。因此我希望我应该将它与 $parent> 绑定

<button data-bind="click: $parent.removeNumber">-</button>

那是行不通的。但以下版本有效:

<button data-bind="click: removeNumber">-</button>

我不明白为什么。

编码:

<h2>numbers:</h2>
 <ul data-bind="foreach: numbers">
     <li>
       <select data-bind="value: id, 
                          options: masterData, 
                          optionsText: 'caption', 
                          optionsValue: 'id'"></select>
        <br />
        value: <span data-bind="text: id"></span>
        <br />
        <button data-bind="click: $parent.removeNumber">-</button>      
    </li>
</ul>
<button data-bind="click: addNumber">+</button>

​</p>

function ViewModel() {
    self.masterData = [{ id: 1, caption: "One"},
                       { id: 2, caption: "Two"}];

   self.numbers = ko.observableArray([{
        id: ko.observable(2)}]);

    self.addNumber = function() {
        self.numbers.push({
            id: ko.observable(2)
        });
    };


    self.removeNumber = function(item) {
        self.numbers.destroy(item);
        console.log("removed" + item);
    };
}

var viewModel = new ViewModel();
ko.applyBindings(viewModel);​

我创建了一个小提琴(不工作的版本):http: //jsfiddle.net/delixfe/NWWH8/

谢谢你的帮助。

4

1 回答 1

11

你有我一秒钟!

你是对的,$parent应该被要求。您的错误没有self在您的视图模型中定义。之后,$parentremoveButton 以及masterData绑定都需要。

这是一个工作小提琴:http: //jsfiddle.net/FpSWb/

于 2012-06-05T20:24:00.693 回答