2017-09-14 4 views
0

私は、モデル値に基づいて動的にブートストラップボタンを無効にする方法を探しています。私は運がないと次のことを試した。私が得るのは、Bootstrapボタンのデフォルト値だけです。ブートストラップボタンを動的に無効にできませんか?

<button type="submit" [email protected]((Model.employeeId > 0) ? "btn btn-primary" : "btn btn-primary disabled")> 
    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Submit 
</button> 

@{ 
    var cssClass = "btn btn-primary"; 
    if (Model.employeeId == 0) 
    { 
     cssClass = "btn btn-primary disabled"; 
    } 
} 

<button type="submit" [email protected]> 
    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Submit 
</button> 
+0

クラスを引用符で囲みましたか? 'class = '@ cssClass''?書かれているように、おそらくHTML形式が正しくなく、 'btn'をクラスとして受け取るだけかもしれません。 –

答えて

2

あなたがdisabled属性を使用してみましたか?それは次のようなものです。

<button type="submit" class="btn btn-primary" @((Model.employeeId > 0) ? "" : "disabled = 'disabled'")> 
    <i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Submit 
</button> 
+0

提案に感謝します。 HTMLを無効にしてみることはしていませんでした。それは期待どおりに動作するようです。 – Caverman

関連する問題