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"> 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 中 IsReadOnly
和 IsInterestDeemed
的值处理方式不同(一个是字符串,另一个是原始文本)?也许这就是导致页面加载时出现语法错误的原因,因此页面不会按预期运行。
更具体地说,这两行不一致:
IsReadOnly: @Html.Raw(Json.Encode(Model.IsReadOnly))
IsInterestDeemed : '@Html.Raw(Json.Encode(Model.IsInterest))'
检查 HTML 输出并验证您的解决方案。
我正在使用 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"> 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 中 IsReadOnly
和 IsInterestDeemed
的值处理方式不同(一个是字符串,另一个是原始文本)?也许这就是导致页面加载时出现语法错误的原因,因此页面不会按预期运行。
更具体地说,这两行不一致:
IsReadOnly: @Html.Raw(Json.Encode(Model.IsReadOnly))
IsInterestDeemed : '@Html.Raw(Json.Encode(Model.IsInterest))'
检查 HTML 输出并验证您的解决方案。