"this" in Telerik client events?

[Jeff]

I am using a telerik:RadTabStrip in a .ascx user control.  I want to call a function in a javascript object when the client tab is changed.

In the code-behind, I'm doing:

radTabStrip.OnClientTabSelected = "foo.clientTabSelected";

Where "foo" is a javascript object that contains some data, and a number of functions - one of which is clientTabSelected.

function Foo()

{

this.selectedTab = loadCookie('foo.cookie');

}

Foo.prototype = {

clientTabSelected: function(sender, eventArgs)

{         debugger;

var tab = eventArgs.get_tab();

if (tab)

this.selectedTab = tab.get_index();

storeCookie('foo.cookie', this.selectedTab);

},

//...

}

The object "foo", of course, is initialized prior to the user clicking a tab.

The problem is that when the user clicks on the tab, the "clientSelected" function is called, but not on the object "foo". In other words, when I trace through the execution, the correct function is being called, but within the function, "this" is not set to the "foo" object.

Any ideas as to how I can connect a Telerik event to a function in a specific object?

[Jeff]

OK, nevermind.

This is a generic javascript problem, not specific to the RadTabStrip.

Solution is to create a function within your class constructor, that uses a copy of "this":

function Foo()

{

this.selectedTab = loadCookie('foo.cookie');

var me = this;

this.clientTabSelected = function(sender, eventArgs)

{         // use "me" in place of "this"

me.clientTabSelectedEx(sender, eventArgs);

}

}   Foo.prototype = {      clientTabSelectedEx: function(sender, eventArgs)      {         debugger;         var tab = eventArgs.get_tab();          if (tab)              this.selectedTab = tab.get_index();          storeCookie('foo.cookie', this.selectedTab);      },      //...  }