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

[Solved] RadTabStrip not changing the page

3 Answers 633 Views

TabStrip

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

Tom asked on 27 Sep 2012, 12:22 PM

I am using one of the provided sample page for RADGrid.

ASPX:

<%@ Page Language="VB" MasterPageFile="~/MasterPage.Master" AutoEventWireup="false"

CodeBehind="Tenders.aspx.vb" Inherits="WebUI.Tenders" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="Server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="Server">

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

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

<!--

function RowDblClick(sender, eventArgs) {

sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());

}

function gridCreated(sender, args) {

if (sender.get_editIndexes && sender.get_editIndexes().length > 0) {

document.getElementById("OutPut").innerHTML = sender.get_editIndexes().join();

}

else {

document.getElementById("OutPut").innerHTML = "";

}

-->

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgdTenders">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgdTenders" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadGrid ID="rgdTenders" GridLines="None" runat="server" AllowPaging="True"

OnNeedDataSource="rgdTenders_NeedDataSource" AutoGenerateColumns="False" CellSpacing="0"

OnUpdateCommand="rgdTenders_UpdateCommand" OnInsertCommand="rgdTenders_InsertCommand"

OnDeleteCommand="rgdTenders_DeleteCommand" AllowSorting="true" AllowMultiRowSelection="false">

<ClientSettings Selecting-AllowRowSelect="true" />

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="TenderID"

HorizontalAlign="NotSet" AutoGenerateColumns="False" CommandItemSettings-AddNewRecordText="Add New Tender"

RetrieveDataTypeFromFirstItem="true">

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

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<ItemStyle CssClass="MyImageButton" Width="20px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Nr" HeaderText="Tender Nr." SortExpression="Nr"

UniqueName="Nr" ColumnEditorID="GridTextBoxColumnEditor1" ItemStyle-Width="150px">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Tender?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" Width="20px" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings ColumnNumber="2" CaptionDataField="Nr" CaptionFormatString="Edit properties of Tender {0}"

InsertCaption="New Tender">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White"

Width="100%" />

<FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

<EditColumn ButtonType="ImageButton" InsertText="Insert Order" UpdateText="Update record"

UniqueName="EditCommandColumn1" CancelText="Cancel edit">

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" OnGridCreated="gridCreated" />

</ClientSettings>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

<telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="200px" />

<telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor2" runat="server" TextBoxStyle-Width="400px"

TextBoxMode="MultiLine" TextBoxStyle-Height="150">

</telerik:GridTextBoxColumnEditor>

<telerik:GridDateTimeColumnEditor ID="GridDateTimeColumnEditor1" runat="server" TextBoxStyle-Width="200px" />

<br />

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

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Sales" PageViewID="PageView1" />

<telerik:RadTab runat="server" Text="Contact Information" PageViewID="PageView2" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="0" RenderSelectedPageOnly="false">

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

<div>

PageView 1</div>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="PageView2" Width="460px" BorderColor="Black"

BorderWidth="1px">

<div>

PageView 2</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

<br />

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

</telerik:RadWindowManager>

</form>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="Footer" runat="Server">

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="AfterBody" runat="Server">

</asp:Content>

Code:

Imports Telerik.Web.UI

Imports BAL

Imports DAL.EntityClasses

Partial Class Tenders

Inherits System.Web.UI.Page

Public Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

If Not IsPostBack Then

End If

End Sub

Public Sub rgdTenders_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgdTenders.NeedDataSource

Dim etcTenders As New DBRealated

rgdTenders.DataSource = etcTenders.GetTenders(Nothing)

End Sub

Protected Sub rgdTenders_InsertCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgdTenders.InsertCommand

'Get the GridEditFormInsertItem of the RadGrid

Dim insertedItem As GridEditFormInsertItem = DirectCast(e.Item, GridEditFormInsertItem)

'Access the textbox from the edit form template and store the values in string variables.

Dim Nr As String = (TryCast(insertedItem("Nr").Controls(0), TextBox)).Text

Try

Dim etTender As New TenderEntity

etTender.Nr = Nr

Dim obj As New DBRealated

obj.SaveTender(etTender, False)

SetMessage("New Tender """ & Nr & """ has been created!", True)

Catch ex As Exception

SetMessage("Tender with Nr """ & Nr & """ could not be created!", False)

e.Canceled = True

End Try

End Sub

Public Sub rgdTenders_DeleteCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgdTenders.DeleteCommand

'Get the GridDataItem of the RadGrid

Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)

'Get the primary key value using the DataKeyValue.

Dim TenderID As Integer = CInt(item.OwnerTableView.DataKeyValues(item.ItemIndex)("TenderID"))

Try

Dim obj As New DBRealated

obj.DeleteTender(TenderID)

SetMessage("Tender has been deleted!", True)

Catch ex As Exception

SetMessage("Tender could not be deleted!", False)

e.Canceled = True

End Try

End Sub

Public Sub rgdTenders_UpdateCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgdTenders.UpdateCommand

'Get the GridEditableItem of the RadGrid

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

'Get the primary key value using the DataKeyValue.

Dim TenderID As Integer = CInt(editedItem.OwnerTableView.DataKeyValues(editedItem.ItemIndex)("TenderID"))

'Access the textbox from the edit form template and store the values in string variables.

Dim Nr As String = (TryCast(editedItem("Nr").Controls(0), TextBox)).Text

Try

Dim etTender As New TenderEntity

etTender.TenderId = TenderID

etTender.Nr = Nr

Dim obj As New DBRealated

obj.SaveTender(etTender, True)

SetMessage("Tender with Nr """ & Nr & """ is updated!", True)

Catch ex As Exception

SetMessage("Tender with Nr """ & Nr & """ could not be updated!", False)

e.Canceled = True

End Try

End Sub

Private Sub SetMessage(ByVal message As String, ByVal bIsGood As Boolean)

gridMessage = message

GoodMessage = bIsGood

End Sub

Private gridMessage As String = Nothing

Private GoodMessage As Boolean = True

Protected Sub rgdTenders_DataBound(ByVal sender As Object, ByVal e As EventArgs) Handles rgdTenders.DataBound

If Not String.IsNullOrEmpty(gridMessage) Then

DisplayMessage(gridMessage, GoodMessage)

End If

End Sub

Private Sub DisplayMessage(ByVal text As String, ByVal bIsGood As Boolean)

If bIsGood Then

rgdTenders.Controls.Add(New LiteralControl(String.Format("<span style='color:green'>{0}</span>", text)))

Else

rgdTenders.Controls.Add(New LiteralControl(String.Format("<span style='color:red'>{0}</span>", text)))

End If

End Sub

End Class

Everything thing related to the RADGrid is working fine, but RADTabStrip is not working as expected, when I select "Contact Information" which is 2nd tab page inside the RADTabStrip it is not actually selecting it and so the content of the 2nd Page "PageView 2" is also not showing.

what i am missing here? do i have to configure something in the update panel for RadTabStrip?

kindly write the code as i am new to Rad World.

[Solved] RadTabStrip not changing the page

3 Answers, 1 is accepted