Question

编辑：问题与绑定无关，而是与JavaScript的简单错误有关。

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

绑定它

<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>

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/

感谢您的帮助。

Answer 1

你让我有一秒钟！

你是对的，应该要求$parent。您的错误未在viewmodel中定义self。执行此操作后，removeButton以及$parent绑定需要masterData。

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

knockoutjs在foreach绑定中点击绑定

1 个答案: