我的网格中有状态栏。现在我需要在状态栏上添加一个图标 该图标旁边的文字。但我可以在onstatusbar上设置文字而不是图标。有人可以帮我这个吗?!以下是我的代码:
weekSelectionChange: function(model, records){
var record = records[0];
if(record){
var activeFlag = record.data.activeFlag,
statuslabel = Ext.getCmp('showgridstatusbar'),
cashPayLabel = Ext.getCmp('cashPayLabel'),
lateFeeLabel = Ext.getCmp('lateFeeLabel'),
icon = '${resource(dir: "images", file: "TIC01001.png")}',
status = activeFlag ? '<span style="color:black;font-weight:bold">Installment Status » </span> <span style="color:green;font-weight:bold">Paid</span>' : '<span style="color:black;font-weight:bold">Installment Status » </span> <span style="color:red;font-weight:bold">Due !</span>';
statuslabel.setIcon(icon);
}
}
答案 0 :(得分:6)
状态栏您可以根据文档设置图标和文字..请参阅here
使用图标定义您的css类。
.x-statusbar .x-status-custom {
padding-left: 25px;
background: transparent url(images/custom-icon.gif) no-repeat 3px 2px; -- your icon here
}
// Setting a default icon:
var sb = Ext.create('Ext.ux.statusbar.StatusBar', {
defaultIconCls: 'x-status-custom'
});
// Changing the icon:
sb.setStatus({
text: 'New status',
iconCls: 'x-status-custom'
});