如何自定义 dgrid 中特定行的单元格
How do I customize the cells of a specific row in a dgrid?
我想做一个看起来像这样的网格:具有自定义标题单元格的网格
我通过在网格的列定义中定义一个 renderHeaderCell: 函数来实现上面的图片。
// Customize header cells
this._columns.slice(1).forEach(
function(column){
column.renderHeaderCell = function(headerCellNode) {
// Add class to header cell
headerCellNode.classList.add("simbio-datasheet-header");
// Create header labels
var headerLabelDiv = document.createElement("div");
var headerTextNode = document.createTextNode(
"label" in column ? column.label : column.field);
headerLabelDiv.appendChild(headerTextNode);
// Create header comboboxes
var comboBoxNode = put("div.combobox"),
us_states = ["CA", "MA", "OH", "FL"],
us_cities = ["Los Angeles", "Boston", "Columbus", "Miami"];
var combobox1 = new SimBiologyComboBox({values: us_states});
var combobox2 = new SimBiologyComboBox({values: us_cities});
combobox1.placeAt(comboBoxNode);
combobox2.placeAt(comboBoxNode);
combobox1.startup();
combobox2.startup();
// Append everything to headerCellNode
headerCellNode.appendChild(headerLabelDiv);
headerCellNode.appendChild(comboBoxNode);
}
});
在此上下文中,列定义为:
this._columns = [
{
field : "Count",
label : "",
width : 25,
resizable : false
},
{
field : "A",
label : "A",
width : 75
},
{
field : "B",
label : "B",
width : 75,
sortable : false
}]
但是,我通过修改标题单元格来实现这一点
有没有办法修改非标题单元格(默认单元格)并获得相同的效果?
我不想将特定列下的所有单元格修改为如下所示。只有一行的单元格。
(我尝试将编辑器混入我的网格中。但是这种方法修改了给定列的所有单元格......我不知道如何修改给定行的单元格)
你必须创建一个mixin类(作为所有dgrid功能)并覆盖renderRow或renderCell,或者你确实传递了一个格式化程序函数,它可以为你喜欢的所有列返回标记。
dgrid/dTuned中有一个演示,展示了如何自定义渲染。
相关文章:
- 如何通过悬停或点击谷歌电子表格中的单元格来运行自定义功能
- 如何自定义 dgrid 中特定行的单元格
- 单元格值未在使用自定义下拉列表编辑器的剑道 UI 网格中正确显示
- 警报自定义属性值 jquery 表单元格
- DataTable-列1单元格(使用数组中的值),列2单元格(使用自定义html)
- 如何在网格数据绑定为动态时为 jqgrid 单元格设置自定义标题
- dojo-dgrid自定义呈现单元格内容
- 可手持-根据单元值自定义渲染器
- 从自定义小部件onclick内部的dgrid获取单元格值
- 在具有多个链接的ng网格中创建自定义单元格内容-使ng单击工作
- 在谷歌文档中,当你将一堆单元格传递到一个自定义函数中时,你如何确定长度
- 当事件是由单元格中的对象jQuery引起时,如何更改该单元格的自定义属性
- Slickgrid自定义单元格编辑器更新所有单元格
- 如何在添加自定义列时为每个单元格提供唯一id
- 如果没有定义数组单元格,定义它的最好方法是什么?
- 为什么自定义渲染器不像预期的那样工作,并导致奇怪的表单元格行为
- 未设置Asp.net自定义表单元格ClientID
- 光滑网格自定义单元格标题
- 可手持-can't为自定义单元格设置千分隔符
- 将自定义颜色添加到w2ui单元格[网格]