Javascript 用文本创建Extjs 4网格actioncolumn?
如何使用文本创建ExtJS4网格操作列? 这是我的密码Javascript 用文本创建Extjs 4网格actioncolumn?,javascript,extjs,extjs4,Javascript,Extjs,Extjs4,如何使用文本创建ExtJS4网格操作列? 这是我的密码 { xtype : 'actioncolumn', text : lang('publish'), width : 100, tdCls: 'x-publish-cell', items : [{ getClass : function(v, meta, rec) { if (rec.get('isPublished') == true) {
{
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网格操作列?您可以使用该列的。诀窍在于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: [
// ...
]
}
{
xtype:'actioncolumn',
渲染器:函数(){
返回
''
+“嘿!”
+ ''
},
项目:[
// ...
]
}
这里我使用了内联样式,但是定制CSS类可能会更好
现在,您可以向列中添加一些文本。如果要实现的是为列中的每个操作项添加一些文本,则必须重写。要将其设置为不带图像的文本,还是带图像的文本?带图像的文本。喜欢[图片][这里的文字]