2

チェックボックスをグリッド列に配置しようとしています。これが私の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\'」部分にあるこのエラー: Validation (HTML5): This attribute name must be followed by a equal (=) sign and a value. 値が引用符で囲まれている場合、引用符は一致する必要があります。

これを達成するための正しい構文は何ですか?

4

1 に答える 1

2

次のように定義します。

<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

于 2014-08-04T22:10:28.993 に答える