我正在将相当大量的旧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,只需设置一个自定义列renderer,它将更新列元数据:
columns: [{
text: 'Blah',
dataIndex: 'blah',
renderer: function(value, metaData, record) {
metaData.tdAttr = 'id="someprefix-' + record.get('blah') + '"';
return value;
}
}, ... ]
原文地址:https://codeday.me/bug/20190726/1538848.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。