Jun 01, 2016, 8:01 AM
How to add tab using html href link
Hi everybody,
In this case I want to open a new tab,we usually use this script
In this case I want to open a new tab,we usually use this script
<ext:XScript ID="XScript1" runat="server">
<script>
var addTab = function (tabPanel, id, url, Title) {
var tab = tabPanel.getComponent(id);
if (!tab) {
tab = tabPanel.add({
id: id,
title: Title,
closable: true,
AutoHeight: true,
Layout: "Fit",
loader: {
url: url,
renderer: "frame",
loadMask: {
showMask: true,
msg: "Loading " + url + "..."
}
}
});
}
tabPanel.setActiveTab(tab);
}
</script>
</ext:XScript>
then we call this using a handler inside ext.menu or button .. <ext:MenuItem ID="MenuItem6" runat="server" Text="new tab"
IconUrl="Dash/images/icon.png">
<Listeners>
<Click Handler="addTab(#{TabContainer}, 'test page', '/TestPage.aspx',#{MenuItem6}.text,#{MenuItem6}.icon);" />
</Listeners>
</ext:MenuItem>
the issue is how to call add tab function from html input,button or href<h3><a href="javascript:addTab(#{TabContainer}, 'test page', '/TestPage.aspx','new tab';" >test page</a></h3> //NOT WORKING
<h3><a href="addTab(#{TabContainer}, 'test page', '/TestPage.aspx','new tab';" >test page</a></h3>//NOT WORKING
<h3><a href="#" onclick="addTab(#{TabContainer}, 'test page', '/TestPage.aspx','new tab';return false;" >test page</a></h3>//NOT WORKING