Ext.Window title localizing

[Christiand]

I'm setting up localization for a demo app. I am extending Ext.Window with a configurable base class and then extending this class.

The translation works for the tbar and my listView column header. However, the window title appears blank. Consider the following code:

Ext.ns("SoL");

// base class
SoL.ExpWindowsBase = Ext.extend(Ext.Window,  {
	draggable: true,
    width: 800,
    height: 400,
	shim:false,
    animCollapse:false,
    constrainHeader:true,
    layout: 'fit',
	
	// Toolbar text to be translated
	textGroupBy: 'Group By',
    textToolBarCategory: 'Category',
    textToolBarType: 'Type',
    textToolBarNone: 'None',
	
	
	initComponent : function() {
		Ext.apply(this, {
		 // code for tbar removed.
		}
		SoL.ExpWindowsBase.superclass.initComponent.call(this, arguments);		
	}	
}

SoL.PartsExplorer = Ext.extend(SoL.ExpWindowsBase, {
	textWindowTitle: 'Window Title',
	title: this.textWindowTitle,
	
	// Ext.listView column header text
	textColHeaderName: 'Name',
    textColHeaderCat: 'Category',
    textColHeaderType: 'Type',
	
	createListView: function() {
		return {
		 // code for listView removed.
		}
	
	}

}

any idea / suggestion ?

[evant]

"this" doesn't point to what you think it points to. The object isn't even created by the time you're calling this.textWindowTitle.

Look at how Ext provides localization, this is how you want to do it.

[Christiand]

thanks! fixed my problem.

it's a lot of reading and understanding when you are getting started. The documentation and firebug helps a lot Now I need better understanding of scopes.