0

ノックアウト初心者です。私の要件は、「with」を使用してバインドされた div 内にカスタム コントロールを配置することです。以下は私が使用しているコードです、

<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 を操作できない理由。コーディングに何か追加する必要はありますか?

あなたの助けに感謝します。

前もって感謝します

4

1 に答える 1

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

于 2013-04-02T11:11:31.907 に答える