2017-09-14 94 views
0

我正在寻找一种方法来基于Model值动态禁用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

你有没有试过用引号括起你的课? '类=“@ cssClass''?正如所写,它可能会格式不正确的HTML,并可能只采取'btn'作为类 –

回答

2

您是否尝试过使用禁用的属性?这将是类似于以下内容。

<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