Tab view insiide AJAX updatepanel
Posted: Tue Jan 04, 2011 6:29 am
I'm having some issues with the tab view. I have test code setup with this being the HTML
Code: Select all
<form id="frm_Test" runat="server">
<asp:ScriptManager ID="sm_Test" runat="Server"></asp:ScriptManager>
<asp:UpdatePanel ID="upl_Test" runat="server" UpdateMode="conditional">
<ContentTemplate>
<div>
<div id="dhtmlgoodies_tabView1">
<div class="dhtmlgoodies_aTab">
A
</div>
<div class="dhtmlgoodies_aTab">
B
</div>
</div>
</div>
<br />
<asp:Button ID="cmd_Test" runat="server" Text="Click" />
</ContentTemplate>
</asp:UpdatePanel>
</form>
And this in the codebehind
Code: Select all
Protected Sub upl_Test_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles upl_Test.Load
ScriptManager.RegisterStartupScript(Me.upl_Test, GetType(UpdatePanel), UniqueID, "initTabs('dhtmlgoodies_tabView1',Array('A','B'),0,200,200,Array(false,false));", True)
End Sub
Everything works great on the first load of the page but once I click the button and the panel reloads it comes up blank. Here are a couple of pictures to illustrate what I'm talking about.
Looks great!
Image
Not so good
Image
I have to then click on the second panel and it will display correctly after that.
================