0

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

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

所以在这里'

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

4

2 回答 2

1

这种类型的一个非常基本的模式是有一个项目数组和一个selectedItem在选择行时填充的可观察对象。

然后,您可以使用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/

于 2013-03-13T17:41:00.323 回答
0

您需要将模型绑定到视图

 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);
于 2013-03-13T17:36:24.683 回答