Forums

I've looked all over for an answer to this question but have been unable to find one.

Utilizing a basic set of tabs that has been previously loaded with ajax content, how do I go about changing the existing dataSrc on a tab with a different dataSrc? I'd like to be able to page through records already displayed in a tab, which would require a change to the existing data source URL and I can't seem to find how you go about calling this within the framework.

For instance, using the following sample tabs, how would I change via script the URL for loaded tab #2 to
'/test/page.htm?id=2&page=2'?

var tabView = new YAHOO.widget.TabView();

function tabs(){
tabView.addTab( new YAHOO.widget.Tab({
label: 'First Tab'
dataSrc: '/test/page.htm?id=1',
cacheData: true,
active: true
}));
tabView.addTab( new YAHOO.widget.Tab({
label: 'Second Tab',
dataSrc: '/test/page.htm?id=2',
cacheData: true
}));
tabView.addTab( new YAHOO.widget.Tab({
label: 'Third Tab',
dataSrc: '/test/page.htm?id=3',
cacheData: true
}));
tabView.addTab( new YAHOO.widget.Tab({
label: 'Fourth Tab',
dataSrc: '/test/page.htm?id=4',
cacheData: true
}));
tabView.appendTo('container');
}
window.onload = tabs;


Thanks in advance for any help folks can give me

You sir, rule.

I knew it would be something simple.

Thanks tons!

And, I've answered my own question - I can call selectTab and restore.

Thanks much again for your help!