在 ExtJS 4 网格中设置单元格 ID
Setting a cell ID in ExtJS 4 Grid
我正在将大量旧的HTML代码移植到ExtJS 4网格中,并偶然发现了以下挑战:我希望能够为网格中的TD元素设置自定义ID。据我了解,我需要覆盖用于创建单元格的默认模板。我当前的模板如下所示:
Ext.view.TableChunker.metaRowTpl = [
'<tr class="' + Ext.baseCSSPrefix + 'grid-row {addlSelector} {[this.embedRowCls()]}" {[this.embedRowAttr()]}>',
'<tpl for="columns">',
'<td class="{cls} ' + Ext.baseCSSPrefix + 'grid-cell ' + Ext.baseCSSPrefix + 'grid-cell-{columnId} {{id}-modified} {{id}-tdCls} {[this.firstOrLastCls(xindex, xcount)]}" {{id}-tdAttr}><div class="' + Ext.baseCSSPrefix + 'grid-cell-inner ' + Ext.baseCSSPrefix + 'unselectable" style="{{id}-style}; text-align: {align};">{{id}}</div></td>',
'</tpl>',
'</tr>'
];
我可以使用什么占位符来操作表格单元格的"id="属性?
不要覆盖 tpl,只需设置一个自定义列渲染器即可更新列元数据:
columns: [{
text: 'Blah',
dataIndex: 'blah',
renderer: function(value, metaData, record) {
metaData.tdAttr = 'id="someprefix-' + record.get('blah') + '"';
return value;
}
}, ... ]
第一个答案对我来说效果很好,id提取很容易,这样:
oncellclick:function(grid, row, col, e){
alert( row['id'])
}
相关文章:
- 如何将css类设置为表头单元格
- 为什么谷歌应用程序的电子表格setValue函数没有在单元格中设置值
- Google Sheets / Javascript -> 遍历数组并将值设置为单元格
- Google Apps 脚本,用于根据一个单元格的值对另一个单元格进行条件颜色格式设置
- jqgrid在条件下动态设置单元格可编辑false
- 使用jQuery在表格单元格中设置链接
- 如何在后台网格中将特定的可编辑单元格设置为不可编辑
- 根据条件设置单元格值
- 设置单元格值,使其在内联编辑中保持可编辑状态
- 将显示:无设置为第一行的单元格会弄乱表格布局
- 谷歌地理图表点击设置单元格不起作用
- 在 ExtJS 4 网格中设置单元格 ID
- 在谷歌电子表格中,如何从另一个单元格设置单元格的值's值
- 如何在backrid中设置单元格的高度和宽度
- 在javascript中克隆表的行时设置单元格值
- 如何从Javascript代码设置单元格宽度(HTML表)
- Highcharts热图:任意设置单元格颜色
- 如何按行和列索引设置单元格的值
- 当单元格在jqgrid表单编辑中可编辑时,设置单元格值
- 从同一行中其他单元格的SUM中设置单元格值