如何將html標籤放入標籤的columnheader中？

Question

我用dgrid製作一個簡單的網格（http://dojofoundation.org/packages/dgrid/tutorials/defining_grid_structures/）。 我的問題很簡單：如何將html標籤放在labelheader的標籤中？因爲如果我把一個img標籤例如，標籤包含字符串img src = ... 謝謝

Answer 1

列定義可以提供一個函數來構建列標題。

var column = { 
    //... 
    renderHeaderCell: function(node) { 
     domConstruct.create('img', {src: ''}, node); 
     return node; 
    } 
}; 

看到DGrid wiki的renderHeaderCell()函數的文檔：

renderHeaderCell(node)

一個可選功能將被調用，以呈現列標題 細胞。像renderCell一樣，這可以直接在節點上操作，或者返回一個節點放置在其中。

Answer 2

使用 put-selector

單行答案：

renderHeaderCell: function(node) { 
    return put("img[src=/your/image]"); 
} 

注意如果您的列恰好是一個選擇此功能將無法正常工作 - 因爲selector.js定義自己的renderHeaderCell(node)功能。

Answer 3

@craig感謝您的回答，在我的情況下，我只需要知道如何將HTML添加到標題單元格中，並且renderHeaderCell(node)絕對是答案。

對於其他人只是需要添加一個<br>，<span>，<div>等爲標題單元格，這裏有幾個簡單的例子來比較：

例不使用renderHeaderCell(node)：

{ 
    label: 'Title', 
    field: appConfig.fields[0], 
    sortable: false 
} 

使用renderHeaderCell(node)的示例：

{ 
    renderHeaderCell: function(node) { 
     node.innerHTML = '<span class="headerCell">Title<br><br></span>' 
    }, 
    field: appConfig.fields[0], 
    sortable: false 
} 

然後你就可以用CSS目標爲正常：

.headerCell { 
    font-size: 9px; 
}