3

ページの読み込み後に変数を定義しています（数値のjsonデータを保存しています）

私はこの変数をうまく入れることができます：

<span data-bind="text: extQty"></span>

そして、変数が変更されると、適切な変数でスパンが更新されます（これは正常に機能します）。

しかし、それは私のイネーブル内の私の変数を更新しません：

<p class="pull-right"><a class="btn btn-primary" data-bind="click: $root.add, enable: pagedList().length < extQty" href="#" title="edit"><i class="icon-plus"></i> Add Extension</a></p>

「extQty」に表示される値に基づいて、有効化を効果的に無効化する必要があります。現在、extQtyに5を送信していますが、変数は「enable」データバインドではなく「text」データバインド内でのみ更新されているようです。

4

2 に答える 2

3

ノックアウト有効化バインディングは、アンカータグでは機能しません。

したがって、これには2つの解決策があります。

解決策1 

<a href='#' title="edit" class="btn btn-primary" data-bind='click: function() { 
 if(pagedList().length < extQty())
 {
    //call the desired method from here
 }' >

解決策2

このボタンは、条件が成功し、クリックバインディングがある場合にのみ表示されます

<a class="btn btn-primary" data-bind="click: $root.add, visible: pagedList().length < extQty()" href="#" title="edit">

このボタンは、ネガティブコンディションが成功でクリックバインディングがない場合にのみ表示されます

<a class="btn btn-primary" data-bind="visible: pagedList().length >= extQty()" href="#" title="edit">
于 2013-03-22T07:13:57.313 に答える
1

使ってみてください

<p class="pull-right">
    <a class="btn btn-primary" data-bind="style: { display: (pagedList().length < extQty) ? 'block' : 'none' }" 
        href="#" title="edit">
        <i class="icon-plus"></i>Add Extension
    </a>
</p>

または、@NaveenKumarによって示されているように..可視属性を使用できます...

于 2013-03-22T07:55:26.320 に答える