This is a migrated thread and some comments may be shown as answers.

[Solved] RadTabStrip event "OnTabClick" not firing with PostBack= true?

3 Answers 397 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Mehdi asked on 29 May 2013, 01:36 PM

Hello I am writing about a problem with the controler "RadTabStrip". In fact I spent the last updated for controllers telerik ASP Net, "onTabClick" function does not firing.
This is an internal web application company and it gets really annoying. Is it possible to help me as soon as possible please? I remain available for any questions.
Thank's a lot.
I do not understand why .. But I have changed nothing.

Here is my ASP code radTabStrip (note well 'AutoPostBack' to true):

<telerik:RadTabStrip ID="RadTabStrip2" runat="server" Visible="true" Skin="" EnableEmbeddedSkins="false"

MultiPageID="RadMultiPage2" SelectedIndex="0" Orientation="HorizontalBottom" CssClass="tabStripTool" AutoPostBack="True" OnTabClick="onTabSelect" >

And my complete code with Radrid

<telerik:RadGrid ID="gridRiskAll" runat="server" EnableEmbeddedSkins="false" Skin="MyCustomSkin"

DataSourceID="SqlDataSource1" ShowHeader="true" BorderWidth="0px" BorderStyle="None"

OnItemDataBound="gridRiskAll_ItemDataBound" AllowSorting="true" OnItemCommand="gridRiskAll_OnItemCommand">

<ClientSettings EnableRowHoverStyle="true">

</ClientSettings>

<MasterTableView DataSourceID="SqlDataSource1" runat="server" ShowHeader="true" AutoGenerateColumns="false"

CssClass="tableRisk3" GroupLoadMode="Server" DataKeyNames="riskID" AllowMultiColumnSorting="false">

<NoRecordsTemplate>

<asp:Label runat="server" ID="lbNoRecorRisk" Text=""></asp:Label>

</NoRecordsTemplate>

<ItemStyle CssClass="itemRisk3" />

<AlternatingItemStyle />

<HeaderStyle CssClass="headerRisk" />

<Columns>

<telerik:GridBoundColumn ItemStyle-CssClass="headerColumnRisk1" DataField="num" HeaderText='<%$ Resources:IRM, risk_label_number %>'

ItemStyle-ForeColor="#e74141" ItemStyle-Font-Bold="true" SortExpression="num">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn ItemStyle-CssClass="alignTop2" UniqueName="templateColumnName"

HeaderText='<%$ Resources:IRM, global_title %>' SortExpression="name">

<ItemTemplate>

<asp:LinkButton runat="server" Text='<%# Bind("name") %>' CommandName="NameClickRisk"

CommandArgument='<%# Bind("riskID") %>' ID="lbnameRisk" CssClass="lbRiskName"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumn3" ItemStyle-CssClass="headerColumnRisk1"

HeaderText='<%$ Resources:IRM, risk_label_area %>'>

<ItemTemplate>

<table>

<tr>

<asp:Label ID="lbMatriceZone" runat="server" Text='<%# Bind("columnID") %>' Visible="false"></asp:Label>

<asp:Label ID="lbMatriceZone2" runat="server" Text='<%# Bind("lineID") %>' Visible="false"></asp:Label>

<asp:Image ID="imgZone" runat="server" />

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumn" HeaderText='<%$ Resources:IRM, risk_label_control %>'

ItemStyle-CssClass="headerColumnRisk2" SortExpression="controlStatut">

<ItemTemplate>

<asp:Panel ID="EtatControlFull" CssClass="fontbar" runat="server" Width="100px" Height="17px">

<asp:Panel ID="EtatControl" runat="server" Height="15px" CssClass="alignBar">

<asp:Label ID="EtatControl_percentage" runat="server" Text='<%# Bind("controlStatut") %>'

ForeColor="White" Font-Bold="true"></asp:Label>

</asp:Panel>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumn2" HeaderText='<%$ Resources:IRM, risk_label_deadline %>'

SortExpression="deadLine" ItemStyle-CssClass="headerColumnRisk2" HeaderStyle-Width="100px">

<ItemTemplate>

<asp:Label runat="server" ID="riskID" Text='<%# Bind("riskID") %>' Visible="false"></asp:Label>

<asp:Label runat="server" ID="lbsolved" Text='<%# Bind("solved") %>' Visible="false"></asp:Label>

<asp:Panel ID="EtatErosionFull" CssClass="fontbar" runat="server" Width="100px" Height="17px">

<asp:Panel ID="EtatErosion" runat="server" Height="15px" CssClass="alignBar2">

<asp:Label ID="EtatErosion_percentage" runat="server" ForeColor="White" Font-Bold="true"></asp:Label>

</asp:Panel>

<telerik:RadToolTip ID="RadToolTip2" runat="server" TargetControlID="EtatErosionFull" RelativeTo="Element"

Position="BottomCenter" RenderInPageRoot="true" Width="200px" BackColor="#B5E8FF">

<asp:Label runat="server" Text="<%$ Resources:IRM,global_label_echeance %>"></asp:Label>

<asp:Label ID="lbl_ErosionFinalPopup" runat="server"></asp:Label>

</telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="erosion2" HeaderText='<%$ Resources:IRM, global_review_mounth %>'

SortExpression="ero2" ItemStyle-CssClass="lbRiskErosion">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="templateColumTool" HeaderText="<table id='tableTitleGridRisk' cellpadding='0' cellspacing='0'><tr><tr id='trTitleGridRisk'><td><img src='image/tool-action.png' title='Actions' /></td><td><img src='image/tool-process.png' title='Procédures' /></td><td><img src='image/tool-alert.png' title='Alertes' /></td><td><img src='image/tool-user.png' title='Séances' /></td></tr></table>"

ItemStyle-CssClass="headerColumnRisk3">

<ItemTemplate>

<asp:Table runat="server" ID="tableToolGridRisk" CellPadding="0" CellSpacing="0">

<asp:TableRow CssClass="trToolGridRisk">

<asp:TableCell CssClass="tdToolGridRisk" ID="cellA">

<asp:LinkButton runat="server" ID="lbNumA" Text="0" CssClass="lbaTd" CommandName="NameClickRisk"

CommandArgument='<%# Bind("riskID") %>'></asp:LinkButton>

</asp:TableCell>

<asp:TableCell CssClass="tdToolGridRisk" ID="cellP">

<asp:LinkButton runat="server" ID="lbNumP" Text="0" CssClass="lbaTd" CommandName="NameClickRisk"

CommandArgument='<%# Bind("riskID") %>'></asp:LinkButton>

</asp:TableCell>

<asp:TableCell CssClass="tdToolGridRisk" ID="cellR">

<asp:LinkButton runat="server" ID="lbNumR" Text="0" CssClass="lbaTd" CommandName="NameClickRisk"

CommandArgument='<%# Bind("riskID") %>'></asp:LinkButton>

</asp:TableCell>

<asp:TableCell CssClass="tdToolGridRisk" ID="cellS">

<asp:LinkButton runat="server" ID="lbNumS" Text="0" CssClass="lbaTd" CommandName="NameClickRisk"

CommandArgument='<%# Bind("riskID") %>'></asp:LinkButton>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumnAName">

<ItemTemplate>

<asp:Label runat="server" ID="lbAncre" Visible="true" CssClass="anchorRisk"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<%-- ------------------------------------------------------------PANEL DETAIL RISK--------------------------------------------------------------------------------------------------------------------------------------- --%>

<NestedViewSettings DataSourceID="SqlDataSource3">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="riskID" MasterKeyField="riskID" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<asp:Panel ID="NestedViewPanel" runat="server" CssClass="viewWrap">

<div class="topNestViewPanel">

<asp:LinkButton runat="server" ID="lbClosePanel" Text='<%$ Resources:IRM, global_button_close %>'

OnClick="closePanel" CssClass="closeBtn"></asp:LinkButton>

<asp:LinkButton runat="server" ID="lbClosePanelX" Text=" X" OnClick="closePanel"

CssClass="closeBtn"></asp:LinkButton>

</div>

<div class="shadowTopNestedView">

</div>

<table class="tableDetailRisk">

<tr>

<td class="testNested left">

<asp:Panel runat="server" CssClass="adminBtnRisk" Visible="true" ID="panelAdminRisk">

<table>

<tr>

<td>

<asp:LinkButton runat="server" ID="btnHistoryVersionRisk" CssClass="btnHistoryVersion" OnClick="btnHistoryVersionRisk_Click" ToolTip="<%$ Resources:IRM,global_tooltip_riskChangeVersion %>"></asp:LinkButton></td>

<td>

<asp:ImageButton runat="server" ImageUrl="image/icone/move.png" ID="btnChangePosition" Visible="true" OnClick="openWinPositionRisk" ToolTip="<%$ Resources:IRM,global_tooltip_riskChangePosition %>" /></td>

<td>

<asp:ImageButton ID="btnEditRiskPopup" runat="server" ImageUrl="image/icone/edit-icon.png" OnClick="openWinEditRisk" ToolTip="<%$ Resources:IRM,global_tooltip_riskEdit %>"></asp:ImageButton></td>

<td>

<asp:ImageButton ID="btnDeleteRiskPopup" runat="server" ImageUrl="image/icone/delete-icon.png" OnClientClick="getValueConfrimRisk(); return false;" ToolTip="<%$ Resources:IRM,global_tooltip_riskDelete %>"></asp:ImageButton></td>

</tr>

</table>

</asp:Panel>

<asp:Panel runat="server" CssClass="displayNone2" Visible="false" ID="panelVersionRisk">

<asp:HiddenField runat="server" ID="riskIDVersion" />

<asp:DropDownList runat="server" ID="DDListHistoryVersionRisk" AutoPostBack="true" OnSelectedIndexChanged="select_riskVersion"></asp:DropDownList>

<asp:Button runat="server" ID="btnSaveVersionRisk" Text='<%$ Resources:IRM, version_button_return %>' OnClick="btnSaveVersionRisk_Click" />

<asp:Button runat="server" ID="btnCancelVersionRisk" Text='<%$ Resources:IRM, global_button_cancel %>' OnClick="btnCancelVersionRisk_Click" />

</asp:Panel>

<asp:Label runat="server" ID="lbNVRiskId" Text='<%# Bind("riskID") %>' Visible="false"></asp:Label>

<asp:Label runat="server" ID="lbNVProductImpact" Text='<%#Bind("productImpact") %>'

Visible="false"></asp:Label>

<asp:Label runat="server" ID="lbNVAssessmentImpact" Text='<%#Bind("assessmentImpact") %>'

Visible="false"></asp:Label>

<asp:Label runat="server" ID="lbNVBurdenImpact" Text='<%#Bind("burdenImpact") %>'

Visible="false"></asp:Label>

<telerik:RadTabStrip runat="server" ID="tabStripImpactMatrice" SelectedIndex="0"

MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab runat="server" Text='<%$ Resources:IRM, global_description %>'>

</telerik:RadTab>

<telerik:RadTab runat="server" Text='<%$ Resources:IRM, risk_title_impact_and_matrice %>'>

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" CssClass="multipage">

<telerik:RadPageView runat="server" ID="RadPageView1" CssClass="pageView1">

<asp:Label ID="lbDetailRisk" runat="server" Text='<%#Bind("description") %>' CssClass="lbDetailRiskClass"></asp:Label>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView2" CssClass="pageView2">

<div class="riskPresent">

<div class="matriceFloatLeft">

<table>

<tr>

<td></td>

<td>

<asp:Table runat="server" ID="tableColumnRiskView">

</asp:Table>

</td>

</tr>

<tr>

<td>

<asp:Table runat="server" ID="tableLineRiskView">

</asp:Table>

</td>

<td>

<asp:Table runat="server" ID="matriceRiskView">

</asp:Table>

</td>

</tr>

</table>

</div>

<div class="matriceFloatLeft">

<telerik:RadPanelBar ID="radPanelImpact" runat="server" EnableEmbeddedSkins="false"

Skin="mySkin" CssClass="blockImpact2">

<Items>

<telerik:RadPanelItem Text='<%$ Resources:IRM, risk_title_impact_identified %>' Expanded="true"

CssClass="headerBlockImpact" Enabled="false" BorderStyle="none">

<Items>

<telerik:RadPanelItem Text='<%$ Resources:IRM, global_label_assessment %>' ForeColor="Black"

BorderStyle="none" Expanded="true">

<Items>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text='<%$ Resources:IRM, risk_label_product %>' ForeColor="Black"

Expanded="true">

<Items>

</Items>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text='<%$ Resources:IRM, global_label_burden %>' ForeColor="Black"

Expanded="true">

<Items>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

<%-- ------------------------------------------------------------OUTIL----------------------------------------------------------------- --%>

<table id="tableTools">

<tr>

<td>

<asp:Panel runat="server" ID="blockOngletOutil2" Visible="true" CssClass="divTool">

<asp:Label ID="lbRiskIDTool" runat="server" Text=""></asp:Label>

<telerik:RadTabStrip ID="RadTabStrip2" runat="server" Visible="true" Skin="" EnableEmbeddedSkins="false"

MultiPageID="RadMultiPage2" SelectedIndex="0" Orientation="HorizontalBottom"

CssClass="tabStripTool" AutoPostBack="True" OnTabClick="onTabSelect" >

<Tabs>

<telerik:RadTab Text="tab0" HoveredCssClass="tabToolHover" SelectedCssClass="tabToolSelected"

CssClass="tabTool">

<TabTemplate>

<div class="tabDiv">

<asp:Label runat="server" ID="lbTousTool" Text='<%$ Resources:IRM, global_all %>'></asp:Label>

<asp:Panel runat="server" CssClass="divNumTous" ID="panelToolAll">

<asp:Label runat="server" ID="lbNumTous" Text=""></asp:Label>

</asp:Panel>

</div>

</TabTemplate>

</telerik:RadTab>

<telerik:RadTab Text="tab1" HoveredCssClass="tabToolHover" SelectedCssClass="tabToolSelected"

CssClass="tabTool">

<TabTemplate>

<div class="tabDiv">

<asp:Label runat="server" ID="lbActionTool" Text='<%$ Resources:IRM, tool_actions %>'></asp:Label>

<asp:Panel runat="server" CssClass="divNumAction" ID="panelToolAction">

<asp:Label runat="server" ID="lbNumAction" Text=""></asp:Label>

</asp:Panel>

</div>

</TabTemplate>

</telerik:RadTab>

<telerik:RadTab Text="tab2" HoveredCssClass="tabToolHover" SelectedCssClass="tabToolSelected"

CssClass="tabTool">

<TabTemplate>

<div class="tabDiv">

<asp:Label runat="server" ID="lbProceduresTool" Text='<%$ Resources:IRM, tool_procedures %>'></asp:Label>

<asp:Panel runat="server" CssClass="divNumProcedure" ID="panelToolProcedures">

<asp:Label runat="server" ID="lbNumProcedure" Text=""></asp:Label>

</asp:Panel>

</div>

</TabTemplate>

</telerik:RadTab>

<telerik:RadTab Text="tab3" HoveredCssClass="tabToolHover" SelectedCssClass="tabToolSelected"

CssClass="tabTool">

<TabTemplate>

<div class="tabDiv">

<asp:Label runat="server" ID="lbWarningTool" Text='<%$ Resources:IRM, tool_warning %>'></asp:Label>

<asp:Panel runat="server" CssClass="divNumWarning" ID="panelToolWarning">

<asp:Label runat="server" ID="lbNumWaring" Text=""></asp:Label>

</asp:Panel>

</div>

</TabTemplate>

</telerik:RadTab>

<telerik:RadTab Text="tab4" HoveredCssClass="tabToolHover" SelectedCssClass="tabToolSelected"

CssClass="tabTool">

<TabTemplate>

<div class="tabDiv">

<asp:Label runat="server" ID="lbMeetingTool" Text='<%$ Resources:IRM, global_meeting %>'></asp:Label>

<asp:Panel runat="server" CssClass="divNumMeeting" ID="panelToolMeeting">

<asp:Label runat="server" ID="lbNumMeeting" Text=""></asp:Label>

</asp:Panel>

</div>

</TabTemplate>

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<div id="blockOutil2">

<telerik:RadMultiPage runat="server" ID="RadMultiPage2" SelectedIndex="0" Visible="true">

<telerik:RadPageView runat="server" ID="RadPageOutil01">

<telerik:RadGrid EnableEmbeddedSkins="false" Skin="MyCustomSkin" CssClass="RadOutil"

ID="RadGridOutil01" runat="server" Visible="true" OnItemDataBound="RadGridOutil_DataBound"

OnItemCommand="gridTool_ItemCommand" RegisterWithScriptManager="false">

<MasterTableView ShowHeader="false" AutoGenerateColumns="false" CssClass="tableTool"

DataKeyNames="toolsID" DataSourceID="SqlDataSource4">

<NoRecordsTemplate>

<asp:Label runat="server" ID="lbNoRecordToolsRisk" Text='<%$ Resources:IRM, risk_label_no_tool %>'></asp:Label>

</NoRecordsTemplate>

<AlternatingItemStyle CssClass="altItem" />

<ItemStyle CssClass="item" />

<Columns>

<telerik:GridTemplateColumn UniqueName="templateColumnStatus">

<ItemTemplate>

<asp:Label runat="server" ID="lbToolStatus" Text='<%# Bind("status") %>' Visible="false"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="toolsID" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="templateColumnStatusBtn" ItemStyle-CssClass="borderRightTool cellToolStatut">

<ItemTemplate>

<asp:LinkButton runat="server" ID="btnStatus" Text="" Visible="true" CssClass="button"></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumnStatusBtn2" ItemStyle-CssClass="borderRightTool cellToolType">

<ItemTemplate>

<asp:Label ID="lbType" runat="server" Text='<%# Eval("typeTool") %>' Font-Bold="true"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumnStatusBtn2" ItemStyle-CssClass="nameTool">

<ItemTemplate>

<asp:LinkButton ID="targetControl" runat="server" NavigateUrl="#" Text='<%# Eval("name") %>'></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="templateColumnTools" ItemStyle-CssClass="cellToolBar">

<ItemTemplate>

<asp:Panel ID="EtatToolFull" CssClass="fontbar" runat="server" Width="150px" Height="17px">

<asp:Panel ID="EtatTool" runat="server" Height="15px" CssClass="alignBar">

<asp:Label ID="EtatTool_percentage" runat="server" Text='<%# Bind("status") %>' ForeColor="White"

Font-Bold="true"></asp:Label>

</asp:Panel>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<asp:ImageButton ID="btnAddTools" runat="server" Visible="true" ImageUrl="image/icone/add-icon.png"

CssClass="btnAddTool" OnClick="openWinAddTool" ToolTip="<%$ Resources:IRM,global_tooltip_toolsAdd %>"></asp:ImageButton>

</asp:Panel>

</td>

</tr>

</table>

</td>

<td class="testNested right">

<asp:Panel runat="server" ID="panelModeErosion">

<asp:Label runat="server" ID="lbInfoBeginDate" Text='<%$ Resources:IRM, global_creation_date %>' ForeColor="#88bdf5"></asp:Label>

<asp:Label runat="server" Text=" : "></asp:Label>

<asp:Label runat="server" ID="lbBeginDate" Text='<%# Bind("creationDate") %>'></asp:Label><br />

<asp:Label runat="server" ID="lbInfoFinishDate" Text='<%$ Resources:IRM, global_label_end_date %>' ForeColor="#88bdf5"></asp:Label>

<asp:Label runat="server" Text=" : "></asp:Label>

<asp:Label runat="server" ID="lbFinishDate" Text='<%# Bind("endDate") %>'></asp:Label><br />

<asp:Button runat="server" ID="btnJudgement" CssClass="btnJudgment" Text='<%$ Resources:IRM, risk_button_judge %>'

OnClick="openWinJudgement" /><br />

<asp:Label runat="server" ID="lbInfoLastJudgment" Text='<%$ Resources:IRM, tool_label_last_judgement %>'

ForeColor="#88bdf5"></asp:Label>

<asp:Label runat="server" ID="lbLastJudgment" Text=""></asp:Label><br />

<asp:Label runat="server" ID="lbCommentLastJudgment" Text='<%$ Resources:IRM, tool_judgement_justification_lvl_control %>'

ForeColor="#88bdf5"></asp:Label>

<div class="zoneJudgment">

<asp:Label runat="server" ID="lbCommentJudgment" Text=""></asp:Label>

<asp:ImageButton runat="server" ID="btnEditLastJudgment" ImageUrl="image/icone/edit-icon.png"

Visible="true" OnClick="editLastJugement" ToolTip="<%$ Resources:IRM,global_tooltip_toolsEditLastJugement %>" />

</div>

<asp:LinkButton runat="server" CssClass="btnAllJudgement" ID="btnShowAllJudgment" Text='<%$ Resources:IRM, tool_judgement_show_all %>'

OnClick="showAllJudgement"></asp:LinkButton>

</asp:Panel>

</td>

</tr>

</table>

</asp:Panel>

</NestedViewTemplate>

<%-- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --%>

</MasterTableView>

</telerik:RadGrid>

3 Answers, 1 is accepted

Accepted

answered on 30 May 2013, 12:31 PM

Hello Mehdi,

I was unable to replicate the faced issue, base on the provided code snippet. Please make sure, that there are no JavaScript errors on the page. This might caused the prevention of firing the TabClick event. In addition, could you clarify if you observed this behavior in a certain browser or the problematic behavior occurs under all major browsers?

Regards,
Nencho
Telerik

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.