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

RadTabStrip Validation

3 Answers 208 Views

TabStrip

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

3 Answers, 1 is accepted

answered on 07 Aug 2011, 08:30 AM

Tab.JPG

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace RadTabPostBack

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

MultiView1.SetActiveView(View1);

}

protected void RadTabStrip1_TabClick(object sender, Telerik.Web.UI.RadTabStripEventArgs e)

{

if (RadTabStrip1.SelectedIndex == 0)

{

MultiView1.SetActiveView(View1);

}

if (RadTabStrip1.SelectedIndex == 1)

{

MultiView1.SetActiveView(View2);

}

Hello Ivan

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

<!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>

<br />

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

ontabclick="RadTabStrip1_TabClick" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Tab1" Selected="True">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tab2">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<asp:MultiView ID="MultiView1" runat="server">

<asp:View ID="View1" runat="server">

<br />

Tab1 clicked

<asp:Button ID="Button1" runat="server" Text="OK" />

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

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"

ControlToValidate="TextBox1" ErrorMessage="<---- Type something here"></asp:RequiredFieldValidator>

<asp:Button ID="Button3" runat="server" Text="Cancel" CausesValidation="False" />

</asp:View>

<asp:View ID="View2" runat="server">

<br />

Tab2 clicked

<asp:Button ID="Button2" runat="server" Text="OK" />

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

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ControlToValidate="TextBox2" ErrorMessage="<----Type Something here"></asp:RequiredFieldValidator>

<asp:Button ID="Button4" runat="server" Text="Cancel" CausesValidation="False" />

</asp:View>

</asp:MultiView>

<br />

</div>

</form>

</body>

</html>

This is the simplified version of my problem. If you leave the textbox blank and then click on one of the tabs then click on the cancel button, it will not postback for the first time, but if you click on the cancel button one more time it will post back.