如何将html标签放入标签的columnheader中？

我用dgrid制作一个简单的网格（http://dojofoundation.org/packages/dgrid/tutorials/defining_grid_structures/）。我的问题很简单：如何将html标签放在labelheader的标签中？因为如果我把一个img标签例如，标签包含字符串img src = ... 谢谢如何将html标签放入标签的columnheader中？

来源

2013-08-20 user2651001

列定义可以提供一个函数来构建列标题。

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

看到DGrid wiki的renderHeaderCell()函数的文档：

renderHeaderCell(node)

一个可选功能将被调用，以呈现列标题细胞。像renderCell一样，这可以直接在节点上操作，或者返回一个节点放置在其中。

来源

2013-08-20 10:27:54

我试过这个解决方案，但收到一个错误说“无法上执行的appendChild‘节点’：在新的子元素包含父” - 你知道这可能是什么原因吗？ – streetlight

使用 put-selector

单行答案：

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

注意如果您的列恰好是一个选择此功能将无法正常工作 - 因为selector.js定义自己的renderHeaderCell(node)功能。

来源

2013-12-18 18:49:06 maxxyme

@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; 
}

来源

2017-09-27 20:11:37 Mycah

如何将html标签放入标签的columnheader中？

回答

相关问题