PDA

View Full Version : how to tabs add to display www.yahoo.com page



anthor
30 Jan 2013, 11:08 PM
var tabs = Ext.widget('tabpanel', {
renderTo: 'tabs',
resizeTabs: true,
enableTabScroll: true,
width: 600,
height: 250,
defaults: {
autoScroll: true,
bodyPadding: 10
},
items: [{
title: 'Tab 1003',
iconCls: 'tabs',
href: 'http://www.yahoo.com', // is this correct?
hrefTarget:'_self',
//html: 'Tab Body<br/><br/>' + Ext.example.bogusMarkup,
closable: true
}],
plugins: Ext.create('Ext.ux.TabCloseMenu', {
extraItemsTail: [
'-',
{
text: 'Closable',
checked: true,
hideOnClick: true,
handler: function (item) {
currentItem.tab.setClosable(item.checked);
}
},
'-',
{
text: 'Enabled',
checked: true,
hideOnClick: true,
handler: function(item) {
currentItem.tab.setDisabled(!item.checked);
}
}
],
listeners: {
aftermenu: function () {
currentItem = null;
},
beforemenu: function (menu, item) {
menu.child('[text="Closable"]').setChecked(item.closable);
menu.child('[text="Enabled"]').setChecked(!item.tab.isDisabled());

currentItem = item;
}
}
})


how to tabs.add to display www.yahoo.com page?

mitchellsimoens
1 Feb 2013, 11:40 AM
You want to have a link or show the page within the tab body?