Multiple renderer in Grid Column model

[smruti_patra]

I want to use to renderer in the column model.when i am using two one is working other is not working.

I have one column to display the editable cell with money value in usMoney format and disaply the background in some color.

i am attching my code here with for reference.

When i am adding the color randerer the Usmoney randerer is not working. Please let me know if any body has idea on same.

Thanks In advance.
Smruti.

function pass1Color(val, cell, record, rowIndex, colIndex, store){
			cell.attr = 'style="background: #E3F5F9; !important;"';		
			//setrenderer:Ext.util.Format.usMoney;			
			return val;
	};

var cm = new Ext.grid.ColumnModel([	 	
	 	{header: "fiscalYearId",hidden: true,hideable: false, dataIndex: 'fiscalYearId'},
	 	{header: "durationTypeCodeId",hidden: true,hideable: false, dataIndex: 'durationTypeCodeId'},
		
		{
			header:Ext.CurrentWeek1, 
			width: 175, 
			sortable: true, 
			dataIndex:'currentWeekPass1',
			align: 'center',	
			groupable:false,					
			renderer:Ext.util.Format.usMoney,					
			editor: new Ext.form.NumberField({
				//specify options
				allowBlank: false,  //default is true (nothing entered)
				allowNegative: false //could also use minValue
			}),
			renderer:pass1Color
		}
		

        ]);

[jay@moduscreate.com]

when you set a config object like that, the last item wins.

var x = { 
   test : 'test' ,
   y : 'y',
   test :'false' 
}; 

x.test will equal 'false'

[smruti_patra]

Cau you please tell me how to handel this situation?

[jay@moduscreate.com]

use one renderer.

[wanderAround]

Cau you please tell me how to handel this situation?

Combine them into one renderer, since you can only set one.
In other words,

function pass1Color(val, cell, record, rowIndex, colIndex, store){
			cell.attr = 'style="background: #E3F5F9; !important;"';		
			return Ext.util.Format.usMoney(val);
	};

I think that would work.