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>

祝你好运拉达！

剃刀与kendoui文本编辑器

1 个答案: