Kendo ui 剑道MVVM-数据列模板语法

Kendo ui 剑道MVVM-数据列模板语法,kendo-ui,kendo-grid,kendo-mvvm,kendo-template,Kendo Ui,Kendo Grid,Kendo Mvvm,Kendo Template,我只是想在网格列中添加一个复选框。这是我的html: <div id="systemsGrid" data-role="grid" data-sortable="true" data-scrollable="true" data-editable="inline" data-selectable="true" data-pageable="true"

我只是想在网格列中添加一个复选框。这是我的html:

<div id="systemsGrid" data-role="grid"
            data-sortable="true"
            data-scrollable="true"
            data-editable="inline"
            data-selectable="true"
            data-pageable="true"
            data-toolbar="['create']"
            data-bind="source: systems, events: { change: configureSystem }"
            data-auto-bind="true"
            data-columns='[
                { field: "ActiveFlag", title: "Active", width: 25, template: "<input type=\'checkbox\' # if(ActiveFlag == 1){ # checked #} #  />" }
            ]'>
        </div>

我在数据列后面的“'[”部分中得到了这个错误:Validation(HTML5):如果这个属性值用引号括起来,引号必须匹配

在html:Validation(HTML5)的“\'checkbox\'”部分出现此错误:此属性名称后面必须跟一个等号(=)和一个值。如果该值在引号中,则引号必须匹配

实现这一点的正确语法是什么?

将其定义为:

<div id="systemsGrid" data-role="grid"
    data-sortable="true"
    data-scrollable="true"
    data-editable="inline"
    data-selectable="true"
    data-pageable="true"
    data-toolbar="['create']"
    data-bind="source: systems, events: { change: configureSystem }"
    data-auto-bind="true"
    data-columns='[ 
        { field: "ActiveFlag", title: "Active", width: 25, template: "<input type=\"checkbox\" # if (ActiveFlag) {# checked # }# />"  }
    ]'>
</div>


在这里检查它

看起来不错,但是单击“添加新记录”时会出现“未捕获引用错误:未定义ActiveFlag”,就像我用自己的代码尝试它时所做的那样。哦,在visual studio中,在“[数据列定义开头的字符]下仍然会出现“蠕动”。关于单击“添加新记录”时的情况试试这个。问题是,在添加时,
ActiveFlag
尚未定义,因此如果您要求它,您会得到未定义的。您应该使用
data.ActiveFlag
。但是,如果您希望在编辑模式下也有一个复选框,恐怕您需要定义一个编辑器函数。否则,这将是一个正常的输入(编辑时不使用模板)谢谢,原始问题已解决,谢谢您提供有关使用编辑器的提示!