Html 删除数据绑定

我有一个关于使用knockout进行数据绑定的问题

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

所以这里是

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

下面是我得到的错误：

["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的帮助

您需要将模型绑定到视图

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

---

这类事情的一个非常基本的模式是有一个项目数组和一个

selectedItem

可观察值，在选择行时填充该值

然后，您可以使用

和

绑定来创建编辑器

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

---

示例：

doSomething方法中有什么内容？我正在尝试将doSomething函数中的值绑定到我的输入字段，以便在我单击行时显示这些值。下面的两行代码是进入函数还是留在函数之外？让我尝试一下，我将在两分钟后与您联系，我写的方式有问题吗？如果是的话，我该如何修复它？我已经有了一个可观察的数组，我正在填充我的表，它可以工作。但是，当我添加click事件时，它会给我一个解析错误，并且该表不再显示数据。最好的办法是在jsFiddle中获得一些演示您的问题的内容。

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