Hi,
We have implemeted ATLAS / AJAX ASP.NET on our page. we have used the update panel. Now I would like to implement the server event for the tab strip using the partial postback of the Update Panel. Unfortunately we cannot use the Callback Panel. How does one implement the Tabstrip ItemClick Server Side event for the Update Panel.
The protected void TabStrip1_ItemClick(object sender, EO.Web.NavigationItemEventArgs e)
is not firing.
Following is my Code:
<form id="form1" runat="server">
<asp:ScriptManager ID="smNewApplication" runat="server" EnablePartialRendering="true"
AsyncPostBackTimeout="600">
</asp:ScriptManager>
<asp:UpdatePanel ID="upNewApplication" runat="server" UpdateMode="Always">
<ContentTemplate>
<eo:TabStrip ID="TabStrip1" runat="server" ControlSkinID="None" OnItemClick="TabStrip1_ItemClick" MultiPageID="MultiPage1">
<TopGroup>
<Items>
<eo:TabItem Text-Html="Payment">
</eo:TabItem>
<eo:TabItem Text-Html="Payment Maintenance">
</eo:TabItem>
<eo:TabItem Text-Html="Chargebacks">
</eo:TabItem>
</Items>
</TopGroup>
<LookItems>
<eo:TabItem Height="21" HoverStyle-CssText="position: relative; top: 2px; background-image: url(00010002); background-repeat: repeat-x"
ItemID="_Default" LeftIcon-HoverUrl="00010006" LeftIcon-SelectedUrl="00010008"
LeftIcon-Url="00010004" NormalStyle-CssText="position: relative; top: 2px; background-image: url(00010001); background-repeat: repeat-x"
RightIcon-HoverUrl="00010007" RightIcon-SelectedUrl="00010009" RightIcon-Url="00010005"
SelectedStyle-CssText="background-image: url(00010003); background-repeat: repeat-x"
Text-Padding-Bottom="2" Text-Padding-Top="1">
<SubGroup ItemSpacing="1" Style-CssText="background-image:url(00010000);background-position-y:bottom;background-repeat:repeat-x;color:black;cursor:hand;font-family:'Microsoft Sans Serif', Verdana;font-size:8.25pt;">
</SubGroup>
</eo:TabItem>
</LookItems>
</eo:TabStrip>
<eo:MultiPage ID="MultiPage1" runat="server" Height='180px' Width='100%'>
<eo:PageView ID="PageView1" runat="server" Width="100%">
<div id="Payment" style="width: 100%; overflow: auto;" >
<div id="PaymentSummary" style="width: 100%;" >
<asp:DataGrid runat="server" AllowPaging="false" AllowSorting="true" CellPadding="0" ID="dgSummary"
CellSpacing="0">
<Columns>
<asp:BoundColumn DataField="ProductDescription" HeaderText="Product"></asp:BoundColumn>
<asp:BoundColumn DataField="Price" HeaderText="List Price"></asp:BoundColumn>
<asp:BoundColumn DataField="Discount" HeaderText="Discount %"></asp:BoundColumn>
<asp:BoundColumn DataField="Discount %" HeaderText="Discount %"></asp:BoundColumn>
<asp:BoundColumn DataField="Total" HeaderText="Total"></asp:BoundColumn>
</Columns>
<HeaderStyle HorizontalAlign="Left" />
<ItemStyle HorizontalAlign="left" />
</asp:DataGrid>
</div>
<div id="Transactions" style="width: 100%;" >
<asp:DataGrid ID="dgTransactionSummary" runat="server" AllowPaging="false" AllowSorting="true" CellPadding="0"
CellSpacing="0">
<Columns>
<asp:BoundColumn DataField="CreatedDate" HeaderText="Date"></asp:BoundColumn>
<asp:BoundColumn DataField="TransactionType" HeaderText="Sales Order Transaction"></asp:BoundColumn>
<asp:BoundColumn DataField="AccountType" HeaderText="Account Type"></asp:BoundColumn>
<asp:BoundColumn DataField="Discount %" HeaderText="Discount %"></asp:BoundColumn>
<asp:BoundColumn DataField="Total" HeaderText="Total"></asp:BoundColumn>
</Columns>
<HeaderStyle HorizontalAlign="Left" />
<ItemStyle HorizontalAlign="left" />
</asp:DataGrid>
</div>
<div id="divFooter" style="width: 100%;" >
<table width="100%" cellpadding="0" cellspacing="0" align=center>
<tr>
<td align="left" width="50%">
<asp:Button runat=server ID="btnPaymentSummary" Text="Payment Summary" />
</td>
<td align="Right">Balance Due:
<asp:Label runat=server id="lblBalanceDue"></asp:Label>
</td>
</tr>
</table>
</div>
<div id="Discounts" style="width: 100%;" runat="server">
<table width=100% cellpadding="0" cellspacing="0">
<tr>
<td align=left colspan=3>Discounts</td>
</tr>
<tr>
<td>Discount amount</td>
<td align="right">% <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
<td></td>
</tr>
<tr>
<td colspan=2 align="right">% <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
<td></td>
</tr>
</table>
</div>
</div>
</eo:PageView>
</eo:MultiPage>
</ContentTemplate>
</asp:UpdatePanel>
</form>
Thanks