Kendo MVVM - 数据列模板语法

Question

我只是想在网格列中放置一个复选框。这是我的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>

我在数据列后面的“'[”部分收到此错误：验证 (HTML5)：如果此属性值包含在引号中，则引号必须匹配。

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

完成此操作的正确语法是什么？

Answer 1

定义为：

<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>

在这里查看http://jsfiddle.net/fqLU9/1