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的“\'复选框\'”部分：验证（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

Kendo MVVM - 数据列模板语法

1 个答案: