Kendo 复选框的 Observable 绑定始终显示已勾选

Kendo Observable binding for checkbox is always showing ticked

我正在使用 ASP.NET MVC 应用程序和 Kendo 框架。出于某种原因,我总是让复选框“#IsInterestDeemed”处于勾选状态。虽然,视图模型 属性 "IsInterest" 在控制器操作方法下是错误的。 请指出我哪里出错了。

<div id="RunModelDiv" style="min-width:300px">
  <div>
     <input type="checkbox" id="IsInterestDeemed" value="IsInterestDeemed" data-bind="checked: IsInterestDeemed, disabled: IsReadOnly" />
      <label for="IsInterestDeemed">&nbsp;Interest</label>
  </div>
<div>


 <script>
     var myViewModel;
 $(document).ready(function(){
    myViewModel = kendo.observable({            
                IsReadOnly: @Html.Raw(Json.Encode(Model.IsReadOnly)),
                IsInterestDeemed : '@Html.Raw(Json.Encode(Model.IsInterest))'});

    kendo.bind($("#RunModelDiv"), myViewModel);
   });
</script>

ViewModel 属性:-

public bool IsInterest { get; set; }
public bool IsReadOnly { get; set; }

为什么 Javascript 中 IsReadOnlyIsInterestDeemed 的值处理方式不同(一个是字符串,另一个是原始文本)?也许这就是导致页面加载时出现语法错误的原因,因此页面不会按预期运行。

更具体地说,这两行不一致:

IsReadOnly: @Html.Raw(Json.Encode(Model.IsReadOnly))
IsInterestDeemed : '@Html.Raw(Json.Encode(Model.IsInterest))'

检查 HTML 输出并验证您的解决方案。