Tooltip on GroupingView/ Collapsable grid [Archive]

ravigupta84

14 Sep 2010, 5:43 AM

Here is the Grid collapsable icon in the attached image. I need a tooltip for this.

OrderDenomDtlGridSummary = Ext.extend(Ext.grid.EditorGridPanel, {

initComponent: function() {

this.view = new Ext.grid.GroupingView({
forceFit:true,
monitorResize :true,
monitorWindowResize:true,
getRowClass : function (record,meta, index) {
if (record.data.denominationId < 0) {
return 'x-grid3-tr-orderTotal';
}
},
startGroup: myTpl
});

var detailRecord = Ext.data.Record.create([
{name:'currencyId'},
{name:'denominationId'},
{name:'fitness'}

]);
var denomStore = new Ext.data.GroupingStore({
reader: new Ext.data.JsonReader({root: "rows"},detailRecord),
sortInfo:{field: 'fitness', direction: "ASC"},
groupField:'fitness'
});

this.store = denomStore;

}
}

=====================================

this.OrderDenomDtlGridSummary = new OrderDenomDtlGridSummary({
currencyCountry:this.currency,
serviceType:this.serviceType,
anchor:'100%',
collapsible: true,//
title: '<cl:message code="title" />',
toggleTip: {
text: '<cl:message code="Collapse" />'
},
listeners: {
render: function(c){
c.toggleTip.target = c.tools['toggle'];
Ext.QuickTips.register(c.toggleTip);
},
expand: function(c){
c.toggleTip.text = '<cl:message code="Collapse" />';
},
collapse: function(c){
c.toggleTip.text = '<cl:message code="Expand" />';
}

}
});