Kendo Наблюдаемое связывание для флажка всегда отображается галочкой

Question

Я использую приложение ASP.NET MVC с картой Kendo. По какой-то причине я всегда получаю флажок «#IsInterestDeemed» в тиканом состоянии. Хотя свойство viewModel «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

Почему значения IsReadOnly и IsInterestDeemed в Javascript обрабатываемые по-разному (один является строкой, другой сырой текст)? Возможно, это то, что вызывает синтаксическую ошибку на странице при ее загрузке, и поэтому страница не будет вести себя так, как ожидалось.

Более конкретно, эти две линии противоречивы:

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

Проверьте выход HTML и проверить ваше решение.