Coolite Forums / Coolite Toolkit / Premium Help / [SOLVED] TabPanel.SetActiveTab with PostBack / Latest Posts

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

Timothy — Mon, 14 Jul 2008 08:38:30 GMT

Thanks I used the SVN checkout this morning and it worked!

Cheers,
Timothy

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

geoffrey.mcgill — Mon, 14 Jul 2008 02:29:07 GMT

Hi Timothy,

Thanks for reporting the TabPanel bug. It has been fixed.

At the moment the fix is only available from SVN.

Are you building from SVN or using the public releases? We're more than happy to send you a custom build of either v0.5.4 or the current /trunk/.

Of course, if you're building from SVN, just perform an update and everything should work as expected.

Hope this helps.

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

Timothy — Sun, 13 Jul 2008 12:28:11 GMT

Thanks! Your solution is what I've already been using, sorry I should have mentioned that in my response :)

Will this bump to 0.5.5 or will I need to recompile with SVN?

Cheers,
Timothy

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

vladsch — Sun, 13 Jul 2008 11:48:49 GMT

Hi Timothy,

Thank you for your code. This helped us find a bug. The fix willbe available in svn tomorrow (Monday). Now (before the emergence of fix), I recommend to use the following code:

[code]
// old code
//Tabs.SetActiveTab(TabTwo);

//The code, which works
Tabs.ActiveTab = 1;
[/code]

I will inform you when the fix will be ready.

Thanks again

Vladimir

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

Timothy — Sun, 13 Jul 2008 11:06:37 GMT

Got the example:

[code]
<form runat="server">
<script runat="server">
protected void btnTest_Click(object s, EventArgs e)
{
Tabs.SetActiveTab(TabTwo);
}
protected void btnTest2_Click(object s, EventArgs e)
{

}
</script>
<asp:ScriptManager runat="server" EnablePartialRendering="True" />
<ExtJS:ScriptManager runat="server" StateProvider="PostBack" Theme="Gray" />
<asp:UpdatePanel runat="server" UpdateMode="Conditional">
<ContentTemplate>
<ExtJS:TabPanel ID="Tabs" runat="server" ActiveTab="0" AutoHeight="True" AutoPostBack="True">
<Tabs>
<ExtJS:Tab ID="TabOne" runat="server" AutoHeight="True" Title="Tab 1">
<Content>
<ExtJS:Button ID="btnTest" runat="server" onclick="btnTest_Click" Text="Test" />
</Content>
</ExtJS:Tab>
<ExtJS:Tab ID="TabTwo" runat="server" AutoHeight="True" Title="Tab 2">
<Content>
<ExtJS:Button ID="btnTest2" runat="server" onclick="btnTest2_Click" Text="Test 2" />
</Content>
</ExtJS:Tab>
</Tabs>
</ExtJS:TabPanel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
[/code]

Click [i]Test[/i] in the first Tab it will switch you to Tab 2. Now click [i]Test 2[/i] in the 2nd tab and it takes you back to Tab 1 ;)

Cheers,
Timothy

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

Timothy — Wed, 09 Jul 2008 13:09:48 GMT

Hello Vladimir,

I'll get an example ready for you tonight!

Cheers,
Timothy

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

vladsch — Wed, 09 Jul 2008 12:35:07 GMT

Hi Timothy,

I can't reproduce such behaviour with your posted code. Can you confirm that below example is not working for you:

[code]
<head runat="server">
<title>Untitled Page</title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{

}

protected void TabsChanged(object sender, EventArgs e)
{
Tabs.SetActiveTab(Tab2);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" StateProvider="PostBack" />
<ext:TabPanel ID="Tabs" runat="server" ActiveTab="0" AutoHeight="True" AutoWidth="True"
AutoPostBack="True" OnTabChanged="TabsChanged">
<Tabs>
<ext:Tab ID="Tab1" runat="server" IconCls="TabTenderSearch" Title="Customer 1" AutoHeight="True"
AutoWidth="True">
<Content>
Word
</Content>
</ext:Tab>
<ext:Tab ID="Tab2" runat="server" IconCls="TabTenderSearch" Title="Customer 2" AutoHeight="True"
AutoWidth="True">
<Content>
Word 2
</Content>
</ext:Tab>
</Tabs>
</ext:TabPanel>
</form>
</body>
[/code]

The right behaivour of this example: after postback always selected second tab

Can you post full code of your example? Where are you calling the SetActiveTab (in PageInit, PageLoad, any event handler or in PreRender). Please provide me by these information and I'll try to help you.

Vladimir

[SOLVED] TabPanel.SetActiveTab with PostBack

Timothy — Wed, 09 Jul 2008 10:43:07 GMT

Hello,

When using the TabPanel.SetActiveTab with StateProvider [i]PostBack[/i] it appears to be reverting back to the first tab.

I have the following:

[code]
<ExtJS:TabPanel ID="Tabs" runat="server" ActiveTab="0" AutoHeight="True" AutoWidth="True" AutoPostBack="True">
<Tabs>
<ExtJS:Tab ID="Tab1" runat="server" IconCls="TabTenderSearch" Title="Customer 1" AutoHeight="True" AutoWidth="True">
<Content>
Word
</Content>
</ExtJS:Tab>
<ExtJS:Tab ID="Tab2" runat="server"IconCls="TabTenderSearch" Title="Customer 2" AutoHeight="True"AutoWidth="True">
<Content>
Word 2
</Content>
</ExtJS:Tab>
</Tabs>
</ExtJS:TabPanel>
[/code]

Code behind is:

[code]
Tabs.SetActiveTab(Tab2);
[/code]

Cheers,
Timothy

Coolite Forums / Coolite Toolkit / *Premium Help* / [SOLVED] TabPanel.SetActiveTab with PostBack / Latest Posts

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

RE: [SOLVED] TabPanel.SetActiveTab with PostBack

[SOLVED] TabPanel.SetActiveTab with PostBack

Coolite Forums / Coolite Toolkit / Premium Help / [SOLVED] TabPanel.SetActiveTab with PostBack / Latest Posts