2013-03-22 35 views
3

我定義頁面加載後的變量(存儲數值JSON數據)敲除的js隱藏按鈕如果值大於

我可以成功地把這個變量中:

<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」的價值有。現在我發送5到extQty,看起來變量只是在「文本」數據綁定而不是「啓用」數據綁定內更新。

+0

@generalhenry是不一樣的問題,嘗試 – 2013-03-22 07:45:14

回答

2

敲除啓用綁定不能與錨定標記一起使用。

所以你有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"> 

此按鈕顯示只有當你的負面情況是成功的,它沒有點擊bindin摹

<a class="btn btn-primary" data-bind="visible: pagedList().length >= extQty()" href="#" title="edit"> 
0

使用

<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如指出。您可以使用可視屬性...