复选框特别是 gridx 的 header 列

Checkbox in particular header column of gridx

我正在使用 gridx 并尝试在将执行某些操作的网格的 Header 区域添加一个复选框。复选框不应位于所有 header 列(它必须位于特定列)

我尝试使用 header 区域。

    var hr = grid.headerRegions;
    hr.add(function(col){
        return domConstruct.create('div', {
            id: 'columnHeaderDiv',
            style: 'height: 13px; width: 30px; display: inline-block'
        });
    }, 1, 0);
    hr.refresh();

    var row = domConstruct.toDom("<input id='mycheck' name='mycheck' data-dojo-type='dijit/form/CheckBox' value='agreed' checked onChange=\"alert('onChange called with parameter = ' + arguments[0] + ', and widget value = ' + this.get('value'))\" />");
    domConstruct.place(row, "columnHeaderDiv");
    grid.startup();

我得到的输出是: Header Column

但是,我需要 "Column2"、"Column3"、"Column4" 上的复选框,而不是 "Column1"

上的复选框

我经历了 link How to add widget to Dojo gridx/Grid header? 在上面 link 中有一行说“只影响一个列 header,在回调提供的参数(列)上使用谓词,这是回调的第一个参数添加(最简单的方法是使用列 ID)”。我不明白这一行。谁能帮我解决这个问题。

hr.add(function(col){
//here the col will have index like 0,1,2 etc... and also id. You can do a check here like or you can do it on ID as well
if(col.index!==1){
return domConstruct.create('div', {
            id: 'columnHeaderDiv',
            style: 'height: 13px; width: 30px; display: inline-block'
        });
}

    }, 1, 0);
    hr.refresh();