自定义控件无法使用knockout“with”绑定

时间:2013-04-02 09:21:55

标签: knockout.js custom-controls knockout-2.0 knockout-mvc

我是淘汰赛的新手。我的要求是在div中放置一个自定义控件,使用“with”绑定。以下是我正在使用的代码,

<div id="test" data-bind="with:testTemp">

     --------  I have placed my custom control here ---------

   --------- I am binding value to this custom control using "value" binding----

</div>

在剧本中,

function ViewModel() {

    this.testTemp= ko.observable();
    this.testTemp({
        price : 6.6
    });  
}

现在值6.6绑定到自定义控件,但似乎控件不能正常工作。自定义控件只是一个编辑器百分比texbox,我无法增加/减少该值。它似乎只有在我使用“with”绑定绑定div时才会发生。在父div中没有​​“with”绑定工作正常。所以,任何人都可以让我知道我上面的代码出了什么问题。为什么我的自定义控件无法使用“with”绑定使用div。我需要在编码中添加任何内容吗?

感谢您的帮助。

提前致谢

1 个答案:

答案 0 :(得分:2)

<div id="test" data-bind="with:testTemp">
    <span data-bind="text : $data.price"></span>
</div>  

javascript

function ViewModel() {
    this.testTemp= ko.observable();
    this.testTemp({
        price : 6.6
    });  
}
ko.applyBindings(new ViewModel())  

JSFiddle