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

postback on a different RadTab

5 Answers 386 Views

Ajax

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

5 Answers, 1 is accepted

answered on 13 Aug 2011, 10:34 PM

Thanks

using System;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace WebWithTelerik

{

public partial class MultiTab2 : System.Web.UI.Page

{

protected void RadButton1_Click(object sender, EventArgs e)

{

Session["CategoryID"] = TextBox1.Text;

}

this worked --> AutoPostBack property of the RadTabStrip to "True".

Is there some way to have a server-side event in a tab cause navigation to a different tab? The tabs are 2 seperate aspx pages.

For example, a button click in tab2 should cause focus to go to tab1.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiPage.aspx.cs" Inherits="WebWithTelerik.MultiPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" AutoPostBack="True">

<Tabs>

<telerik:RadTab runat="server" Text="Tab # 1" Owner="RadTabStrip1" Selected="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab # 2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Height="800px"

EnableEmbeddedScripts="true" Width="402px">

<telerik:RadPageView ID="Tab1" runat="server" ContentUrl="~/MultiTab1.aspx" Height="800px"

Width="948px">

</telerik:RadPageView>

<telerik:RadPageView ID="Tab2" runat="server" ContentUrl="~/MultiTab2.aspx">

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</form>

</body>

</html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiTab1.aspx.cs" Inherits="WebWithTelerik.MultiTab1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" DataSourceID="SqlDataSource1"

GridLines="None" OnItemCommand="RadGrid1_ItemCommand" Skin="Forest">

<MasterTableView AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

DataSourceID="SqlDataSource1">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="CategoryName" FilterControlAltText="Filter CategoryName column"

HeaderText="CategoryName" SortExpression="CategoryName" UniqueName="CategoryName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ProductName" FilterControlAltText="Filter ProductName column"

HeaderText="ProductName" SortExpression="ProductName" UniqueName="ProductName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitPrice" DataType="System.Decimal" FilterControlAltText="Filter UnitPrice column"

HeaderText="UnitPrice" SortExpression="UnitPrice" UniqueName="UnitPrice">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitsInStock" DataType="System.Int16" FilterControlAltText="Filter UnitsInStock column"

HeaderText="UnitsInStock" SortExpression="UnitsInStock" UniqueName="UnitsInStock">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UnitsOnOrder" DataType="System.Int16" FilterControlAltText="Filter UnitsOnOrder column"

HeaderText="UnitsOnOrder" SortExpression="UnitsOnOrder" UniqueName="UnitsOnOrder">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"

SelectCommand="SELECT * FROM [Alphabetical list of products] WHERE ([CategoryID] = @CategoryID)">

<SelectParameters>

<asp:SessionParameter DefaultValue="1" Name="CategoryID" SessionField="CategoryID"

Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<br />

</div>

</form>

</body>

</html

>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiTab2.aspx.cs" Inherits="WebWithTelerik.MultiTab2" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <div>
        <asp:Label ID="Label1" runat="server" Text="Category Number:"></asp:Label>
          
        <asp:TextBox ID="TextBox1" runat="server">1</asp:TextBox>
        <telerik:RadButton ID="RadButton1" runat="server" OnClick="RadButton1_Click" Text="Click here">
        </telerik:RadButton>
    </div>
    </form>
</body>
</html>

answered on 18 Aug 2011, 05:43 AM

I have a radtab in a user control
<telerik:RadTabStrip ID="smid" runat="server" MultiPageID="RadMultiPage1" Orientation="VerticalLeft"
               EnableEmbeddedSkins="False" Width="175px" Skin="smSkin" ReorderTabsOnSelect="true"
               OnTabClick="rtbstMain_TabClick" >
               <Tabs>
                   <telerik:RadTab runat="server" Text="tab1" Value="tab1" >
                   </telerik:RadTab>
...
</tabs></radtab>

i am selecting in code behind of page(which has this usercontrol and many other user controls) using
radtabstrip.tabs[smtabindex].selected=true.

it shows it is selected but it is not highlighted in UI. Please help.

Accepted

answered on 18 Aug 2011, 01:38 PM

Hello,

You can try a client side solution.

MultiTab2.aspx:

<script type="text/javascript">

function OnClientClicked(sender) {

top.selectFirstTab();

}

</script>

<div>

<asp:Label ID="Label1" runat="server" Text="Category Number:"></asp:Label>

<asp:TextBox ID="TextBox1" runat="server">1</asp:TextBox>

<telerik:RadButton ID="RadButton1" runat="server" Text="Click here" AutoPostBack="true"

OnClick="RadButton1_Click" OnClientClicked="OnClientClicked">

</telerik:RadButton>

</div>

Default.aspx

<script type="text/javascript">

function selectFirstTab() {

var tabstrip = $find('<%=RadTabStrip1.ClientID %>');

tabstrip.get_allTabs()[0].set_selected(true);

}

</script>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"

SelectedIndex="0" AutoPostBack="True">

<Tabs>

<telerik:RadTab runat="server" Text="Tab # 1" Owner="RadTabStrip1" Selected="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab # 2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Height="800px"

EnableEmbeddedScripts="true" Width="402px">

<telerik:RadPageView ID="Tab1" runat="server" ContentUrl="MultiTab1.aspx" Height="800px"

Width="948px">

</telerik:RadPageView>

<telerik:RadPageView ID="Tab2" runat="server" ContentUrl="MultiTab2.aspx" >

</telerik:RadPageView>

</telerik:RadMultiPage>

Regards,
Peter
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.