Html 复选框绑定正确，但可以'；不要勾选或取消勾选

在我的自定义剑道网格弹出编辑器中，复选框正确绑定，但不能选中或取消选中

我找不到任何关于这个问题的帖子。 我尝试了基诺复选框（注释掉）和纯html。我还尝试使用onclick JavaScript函数切换复选框，但这也不起作用。当您将鼠标悬停在复选框或标签上时，光标确实会变为一只手，指示它应该允许我单击它。我的模型中的复选框定义为public bool Active{get；set；}

当我使用默认的剑道弹出编辑器时，我也有同样的问题。以下代码适用于我的自定义编辑器和网格视图

@model Durendal.Core.ViewModels.Entities.Sku.SkuViewModel

<div class="row">
    <div class="col">
        <input asp-for="Id" type="hidden" />
        <div class="md-form md-bg">
            <input asp-for="BusinessLineName" class="form-control" />
            <label for="BusinessLineName" class="active">Business Line</label>
        </div>
        <div class="md-form md-bg">
            <input asp-for="Number" class="form-control" />
            <label for="Number" class="active">Number</label>
        </div>
        <div class="md-form md-bg">
            <input asp-for="Name" class="form-control" />
            <label for="Name" class="active">Name</label>
        </div>
        <div class="md-form md-bg">
            <input asp-for="Upc" class="form-control" />
            <label for="Upc" class="active">Upc</label>
        </div>

        @*<div class="editor-label">
                @Html.LabelFor(model => model.Active)
            </div>
            <div class="editor-field">
                @(Html.Kendo().CheckBox().Name("Active"))
            </div>*@

        <div class="form-check">
            <input type="checkbox" class="form-check-input" name="Active" id="Active" value="true">
            <label class="form-check-label" for="Active">Active?</label>
        </div>


    </div>
</div>

@model Durendal.Core.ViewModels.Entities.Sku.SkuViewModel
业务线
数
名称
Upc
@*
@LabelFor（model=>model.Active）
@（Html.Kendo（）.CheckBox（）.Name（“活动”））
*@
活跃的？

@（Html.Kendo（）
.Grid（）
.名称（“网格”）
.列（列=>
{
columns.Bound（s=>s.BusinessLineName）.Width（60）；
columns.Bound（s=>s.Number）.Width（50）；
columns.Bound（s=>s.Name）.Width（140）；
columns.Bound（s=>s.Upc）.Width（70）；
columns.Bound（s=>s.Active）.Width（30）
.ClientGroupHeaderTemplate（“#if（value==true）{#Active#}else{#Inactive#}#（Count:#=Count#”）”；
Command（Command=>{Command.Edit（）；Command.Destroy（）；}）.Width（90）；
})
.ToolBar（ToolBar=>ToolBar.Create（））
.Editable（Editable=>Editable.Mode（GridEditMode.PopUp）.TemplateName（“\u Sku”））
.Pageable（）
.Sortable（）
.Scrollable（）
.HtmlAttributes（新的{style=“height:430px；”}）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（40）
.聚合（聚合=>
{
aggregates.Add（s=>s.Active）.Count（）；
})
.Group（groups=>groups.AddDescending（s=>s.Active））
.Sort（Sort=>
{
排序。添加（“数字”）。升序（）；
})
.Events（Events=>Events.Error（“错误处理程序”））
.Model（Model=>Model.Id（s=>s.Id））
.Create（update=>update.Action（“EditingPopup\u Create”，“Grid”））
.Read（Read=>Read.Action（“SkuGrid_Read”，“Customer”，new{Id=Model}））
.Update（Update=>Update.Action（“SkuGrid\u Update”、“Customer”））
.Destroy（update=>update.Action（“SkuGrid\u Destroy”、“Customer”））
)
)

请像这样尝试，这对我来说很有用

@（Html.Kendo（）
.Grid（）
.名称（“网格”）
.列（列=>
{
columns.Bound（s=>s.BusinessLineName）.Width（60）；
columns.Bound（s=>s.Number）.Width（50）；
columns.Bound（s=>s.Name）.Width（140）；
columns.Bound（s=>s.Upc）.Width（70）；
columns.Bound（s=>s.Active）.Width（30）
.ClientTemplate（“”.Title（“Active”）.HtmlAttributes（新的{style=“文本对齐：中间；垂直对齐：中间；”}）。宽度（100）
})
.ToolBar（ToolBar=>ToolBar.Create（））
.Editable（Editable=>Editable.Mode（GridEditMode.PopUp）.TemplateName（“\u Sku”））
.Pageable（）
.Sortable（）
.Scrollable（）
.HtmlAttributes（新的{style=“height:430px；”}）
.DataSource（DataSource=>DataSource
.Ajax（）
.页面大小（40）
.聚合（聚合=>
{
aggregates.Add（s=>s.Active）.Count（）；
})
.Group（groups=>groups.AddDescending（s=>s.Active））
.Sort（Sort=>
{
排序。添加（“数字”）。升序（）；
})
.Events（Events=>Events.Error（“错误处理程序”））
.Model（Model=>Model.Id（s=>s.Id））
.Create（update=>update.Action（“EditingPopup\u Create”，“Grid”））
.Read（Read=>Read.Action（“SkuGrid_Read”，“Customer”，new{Id=Model}））
.Update（Update=>Update.Action（“SkuGrid\u Update”、“Customer”））
.Destroy（update=>update.Action（“SkuGrid\u Destroy”、“Customer”））
)
)

是的，这会起作用，但今天早上我终于发现另一个局部视图也有一个活动复选框，它与这个复选框冲突

@(Html.Kendo()
            .Grid<Durendal.Core.ViewModels.Entities.Sku.SkuViewModel>()
            .Name("grid")
            .Columns(columns =>
            {
                columns.Bound(s => s.BusinessLineName).Width(60);
                columns.Bound(s => s.Number).Width(50);
                columns.Bound(s => s.Name).Width(140);
                columns.Bound(s => s.Upc).Width(70);
                columns.Bound(s => s.Active).Width(30)
                .ClientGroupHeaderTemplate("# if (value == true) {# Active #} else {# Inactive #} # (Count: #= count#)");
                columns.Command(command => { command.Edit(); command.Destroy(); }).Width(90);
            })
            .ToolBar(toolbar => toolbar.Create())
            .Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("_Sku"))
            .Pageable()
            .Sortable()
            .Scrollable()
            .HtmlAttributes(new { style = "height:430px;" })
            .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(40)
                .Aggregates(aggregates =>
                {
                    aggregates.Add(s => s.Active).Count();
                })
                .Group(groups => groups.AddDescending(s => s.Active))
                .Sort(sort =>
                {
                    sort.Add("Number").Ascending();
                })
                .Events(events => events.Error("error_handler"))
                .Model(model => model.Id(s => s.Id))
                .Create(update => update.Action("EditingPopup_Create", "Grid"))
                .Read(read => read.Action("SkuGrid_Read", "Customer", new { Id = Model }))
                .Update(update => update.Action("SkuGrid_Update", "Customer"))
                .Destroy(update => update.Action("SkuGrid_Destroy", "Customer"))
            )
)