剃刀與kendoui文本編輯器

Question

我試圖在複選框被選中時顯示Kendo UI文本編輯器。
但是它不工作，你能幫幫我..

@if (Model.IsAlert!=true) 
{ 
    <td>     
    @(Html.Kendo().Editor().Name("Explanation").HtmlAttributes(new { style = "display:show" }))    
    </td> 
} 

Answer 1

您當前的做法只會渲染/在屏幕上的初始負載評估Model.IsAlert。

我建議刪除if語句，並默認此td隱藏，然後根據模型中的屬性通過映射到您的複選框控件的onChange事件處理程序更改該屬性。

<td id="thingToHide" hidden="hidden"> 
@(Html.Kendo().Editor().Name("Explanation").HtmlAttributes(new { style = "display:show" }))    
</td> 

和一些jQuery代碼：

<script type="text/javascript"> 
$(document).ready(function() { // On page load method, check model and show textbox if needed 
     var model = @Html.Raw(Json.Encode(Model)); // get model example is taken from http://stackoverflow.com/questions/16361364/accessing-mvcs-model-property-from-javascript 
     if (model.IsAlert) { // If model IsAlert is true, show Explanation field 
      $("#thingToHide").show(); 
     } 
}); 

$("#YourCheckBoxId").on("change", function() { 
    $("#thingToHide").toggle(); 
}); 
</script> 

好運拉達！