敲除数据绑定

Question

我有一个关于使用敲除的数据绑定的问题。

问题是：我有一个表，我想做的是，当单击表中的一行时，我希望该行的值出现在位于表上方的输入字段中。

所以这里'

<tbody data-bind="foreach: customers">
                        <tr data-bind="click: doSomething">     
                            <td data-bind="text: date"></td>
                            <td data-bind="text:staff"></td>
                            <td data-bind="text: ftype"></td>
                            <td data-bind="text: value"></td>
                            <td data-bind="text: message"></td>
                            </td>
                        </tr>
                    </tbody>

在我的视图模型中，我有以下功能：

doSomething: function(data) { 
        var self = this;      
        self.date(data.date);        
        self.staff(data.staff); 
        self.ftype(data.ftype);
                   self.value(data.value);
                   self.message(data.message);  

    }

这是我得到的错误：

["Unable to parse bindings.↵Message: ReferenceError:… is not defined;↵Bindings value: click: doSomething", "views/myView/index", Object]
   0: "Unable to parse bindings.↵Message: ReferenceError: doSomething is not          defined;↵Bindings value: click: doSomething"
 1: "views/myView/index"
  2: Object
length: 3
 __proto__: Array[0]

如果我需要提供更多详细信息，请告诉我。我会感谢你的帮助 fplks！

Answer 1

这种类型的一个非常基本的模式是有一个项目数组和一个selectedItem observable，您在选择一行时填充它。

然后，您可以在部分周围使用with 绑定来创建您的编辑器。

<table>
    <tbody data-bind="foreach: customers">
        <tr data-bind="click: $root.selectedCustomer">     
            <td data-bind="text: name"></td>
        </tr>
    </tbody>
</table>

<hr/>

<div data-bind="with: selectedCustomer">
    <input data-bind="value: name" />
</div>

示例：http://jsfiddle.net/rniemeyer/Z6VPV/

Answer 2

您需要将模型绑定到视图

 var currentViewModel = function(){
   this.doSomething = function(data){
      var self = this;      
      self.date(data.date);        
      self.staff(data.staff); 
      self.ftype(data.ftype);
                 self.value(data.value);
                 self.message(data.message);  
  }
var viewModel = new currentViewModel();
ko.applyBindings(viewModel);