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

Question

我正在使用 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; }

Answer 1

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

更具体地说，这两行不一致：

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

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

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

Kendo Observable binding for checkbox is always showing ticked

asp.net-mvc

kendo-ui

kendo-asp.net-mvc

kendo-observable