I have a TabPanel Control in page. Each tab has a context menu with three items: Close Tab, Close Other Tabs, Close All Tabs.
How can I add one item "Refresh" to the tab context menu?
And How can I fire the "Refresh" event and refresh the tab content page?
Thanks for your answer.
Attachment 6762
Hello!
You can use extraItemsTail: http://docs.sencha.com/extjs/4.2.1/#...extraItemsTail
To fire event you can use fireEvent method: http://docs.sencha.com/extjs/4.2.1/#...thod-fireEvent
However, I think it could be not necessary if you provide more details about your requirements.
Code:<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<html>
<head runat="server">
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:TabPanel runat="server">
<Plugins>
<ext:TabCloseMenu runat="server">
<CustomConfig>
<ext:ConfigItem Name="extraItemsTail" Value="[{
text: 'New Menu Item',
listeners: {
click: function() {
Ext.Msg.alert('Tab Click', 'Clicked');
}
}
}]" Mode="Raw" />
</CustomConfig>
</ext:TabCloseMenu>
</Plugins>
<Items>
<ext:Panel runat="server" Title="Panel1"></ext:Panel>
</Items>
</ext:TabPanel>
</form>
</body>
</html>
Hi wangyi, did you resolved the issue? I'm trying to add a refresh button for each tab.
Code:<ext:ConfigItem Name="extraItemsTail" Value="[
{
text: 'Refresh,
listeners: {
click: function() {
var currtab = App.TabPanel_Content.getActiveTab();
if( currtab.title == 'Main' )
{
App.direct.RefrushPortal();
}
else
{
currtab.loader.load();
}
}
}
Hi wangyi. Thank you for your quick response. I cannot make it work. Could you please post more code?
I may be close anyway with my current code:
Code:<ext:Panel
ID="Tab1"
runat="server"
Title="Inicio"
Icon="House"
BodyStyle="background-color: transparent;"
AutoScroll="true">
<TabMenu>
<ext:Menu ID="Menu1" runat="server">
<Items>
<ext:MenuItem ID="MenuItem1" runat="server" Text="Reload">
<DirectEvents>
<Click OnEvent="Reload1" Type="Load"/>
</DirectEvents>
</ext:MenuItem>
</Items>
</ext:Menu>
</TabMenu>
<Content>
<ext:Container ID="Container1" runat="server">
<Content>
<uc1:Inicio ID="ucInicio" runat="server"/>
</Content>
</ext:Container>
</Content>
</ext:Panel>
That doesn't reload the tab!Code:Public Sub Reload1(ByVal sender As Object, ByVal e As Ext.Net.DirectEventArgs)
Tab1.Reload()
End Sub
Hi @jamesand,
The Reload method makes sense only if you use a Loader.
In your case, please try:
Code:Tab1.UpdateContent()
Hi Daniil, I already tried it and it makes all my controls dissapear...
Could you, please, provide a full test case to reproduce?
No, I'm sorry. I tried it. But it has something to do with another tab cause it depends on what others tab contains that ir works or not.
How the content of another tab can have an impact?
Hard to say.Quote:
Originally Posted by jamesand