2012-07-13 27 views
1

当我试图让foo.Id的Click事件中的价值 - 在我(removeAFoo> removeFoo)获得功能文本“函数B(){如果(0 ... ”有什么需要改变,以获得foo.Id的属性值?另一个奇怪的事情是,当我在viewModel.foos阵列调用的indexOf()返回即使该阵列说,这是该指数为零长度。不能得到淘汰赛对象的属性值

function getFoos() { 
    viewModel.foos([]); 
    var data = [{ 
     Id: 1, 
     Name: 'Joe' }, 
    { 
     Id: 2, 
     Name: 'Jon' }, 
    { 
     Id: 3, 
     Name: 'Jim' }   
    ] 

    for (var i = 0; i < data.length; i++) { 
     var f = new foo(); 
     f.Id(data[i].Id); 
     f.Name(data[i].Name); 

     viewModel.foos.push(f); 
    } 
}; 

var viewModel = { 
    foos: ko.observableArray([]), 

    reloadFoos: function() { 
     getFoos(); 
    }, 

    removeAFoo: function(foo) { 
     removeFoo(foo); 
    } 
}; 

var foo = function() { 
    this.Id = ko.observable(); 
    this.Name = ko.observable(); 
}; 

function removeFoo(foo) { 
    alert(viewModel.foos.indexOf(foo)); 
    alert(foo.Id); 
    viewModel.foos.splice(viewModel.foos.indexOf(foo), 1); 
} 

ko.applyBindings(viewModel); 

getFoos(); 
​ 

<div data-bind="foreach: foos"> 
    <div style="float: left"> 
     <button data-bind="click : $parent.removeAFoo, attr: { id: Id }"> 
     </button> 
     <label data-bind="text: Name"> 
     </label> 
    </div> 
</div>​ 

http://jsfiddle.net/suedeuno/gAUgV/12/

回答

6

要获得foo.id你需要记住使用括号中的数值:

像这样:

document.write(foo.Id());

+0

谢谢,我完全错过了。 – Suedeuno 2012-07-13 17:58:09

+0

4天玩Knockout.js,我只是意识到,需要parentheseis! – LKallipo 2013-04-26 10:08:20