如何用文本创建ExtJs 4网格动作列?
这是我的代码
这是我的代码
{ xtype : 'actioncolumn',text : lang('publish'),width : 100,tdCls: 'x-publish-cell',items : [{ getClass : function(v,meta,rec) { if (rec.get('isPublished') == true) { //this.items[0].tooltip = 'Test'; return 'y'; } else { return 'n'; } } }
如何使用文本创建ExtJs 4网格操作列?
解决方法
您可以使用列
renderer
.诀窍是Ext专门隐藏CSS规则以隐藏操作列的内容:
.x-grid-cell-inner-action-col { line-height: 0; font-size: 0; }
所以你必须弥补这一点.
例:
{ xtype:'actioncolumn',renderer: function() { return '<div style="float:right; font-size: 13px; line-height: 1em;">' + 'Hey!' + '</div>' },items: [ // ... ] }
这里我使用了内联样式,但自定义CSS类可能会更好.
现在,您可以在列中添加一些文本.如果您想要实现的是在列中为每个操作项添加一些文本,则必须覆盖Ext.grid.column.Action#defaultRenderer
.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。