将 Knockout 'submit' 绑定与子视图模型和继承的回调方法一起使用

Question

我正在尝试使用 Knockout JS 解决以下问题

• 需要通过“提交”绑定将 HTML 表单绑定到子视图模型
• 绑定到“提交”的回调方法是继承方法

以下代码将更好地解释上述场景。可以在this fiddle 中找到相同的内容。

function MasterViewModel() {
    var self = this;
    self.employeeViewModel = new EmployeeViewModel();
};

function EmployeeViewModel () {
    var self = this;
    self.empFirstName = ko.observable();
    self.empLastName = ko.observable();
    self.employeeList = ko.observableArray([]);
};

EmployeeViewModel.prototype.addEmployee = function () {
    var self = this;
    self.employeeList.push(new Employee(self.empFirstName(), self.empLastName()));
}

function Employee(firstNameParam, lastNameParam) {
    var self = this;
    self.firstName = ko.observable(firstNameParam);
    self.lastName = ko.observable(lastNameParam);
}

ko.applyBindings(new MasterViewModel());

在 HTML 中，我使用如下所示的提交绑定；

<form data-bind="submit: employeeViewModel.addEmployee">
</form>

我观察到，为回调方法传递的“this”上下文始终是“MasterViewModel”的一个实例。我搜索了一种通过“提交”绑定传递不同上下文的方法，但徒劳无功。

这是我试图利用的限制吗？有解决方法吗？

谢谢。

Answer 1

 <script type="text/javascript">
       var viewModel = {       
           numberOfClicks : ko.observable(0),       
           incrementClickCounter : function() {  
                 var previousCount = this.numberOfClicks(); 
                 this.numberOfClicks(previousCount + 1);    
            }  
       }; 
   </script>

http://knockoutjs.com/documentation/click-binding.html 根据淘汰赛文档，如果您还没有，您应该在脚本中定义增量 Click Counter 函数，这是您可以控制“this”值的地方