带有 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>

祝拉达好运！