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

Button Inside RadWindow Closes Window When Not Valid

5 Answers 179 Views

Window

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

Andrew asked on 02 Sep 2015, 12:19 AM

I am using RequiredFeildValidators inside a RadWindow but the btnAddDebtor1 click causes a postback closing the window even though the clientside validators are false. What is the solution to this issue?

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

else if (window.frameElement && window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

return oWindow;

}

function CloseModal() {

var oWnd = GetRadWindow();

if (oWnd) oWnd.close();

}

</script>

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

<div>

<telerik:RadButton ID="btnAddDebtor" runat="server" Text="Add Debtor" ButtonType="StandardButton" CausesValidation="false">

<Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>

</telerik:RadButton>

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

<Windows>

<telerik:RadWindow ID="RadWindow_DebtorContent" runat="server" Width="700" Height="480" Modal="true" Behaviors="Close">

<ContentTemplate>

<div class="form-horizontal" style="width:670px">

<br />

<div class="form-group">

<asp:Label runat="server" AssociatedControlID="Contact" CssClass="col-md-2 control-label">Contact</asp:Label>

<div class="col-md-10">

<telerik:RadTextBox runat="server" ID="Contact" CssClass="form-control" Width="240px"></telerik:RadTextBox>

<asp:RequiredFieldValidator runat="server" ID="rfContact" Display="Dynamic" ControlToValidate="Contact" CssClass="text-danger" ErrorMessage="Please provide Contact" ValidationGroup="Debtor"></asp:RequiredFieldValidator>

</div>

<br />

<telerik:RadButton ID="btnAddDebtor1" runat="server" Text="Add Debtor" ButtonType="StandardButton" ValidationGroup="Debtor" OnCommand="btnAddDebtor_Click">

<Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>

</telerik:RadButton>

<br />

</div>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Bookings

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

RadWindow_DebtorContent.OpenerElementID = btnAddDebtor.ClientID;

}

public void btnAddDebtor_Click(object sender, CommandEventArgs e)

{

if (this.Page.IsValid)

{

//Update Database

ScriptManager.RegisterStartupScript(this, GetType(), "close", "CloseModal();", true);

}

5 Answers, 1 is accepted

answered on 02 Sep 2015, 04:44 AM

Hello Andrew,

This setup seems mostly fine and validation should work in it. Here are a few ideas you can try:

move the RadWindow out of the RadWindowManager. RadWindows whose ContentTemplate is used are best kept standalone on the page, as noted in the documentation: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/getting-started/using-radwindow-as-controls-container.
to get a reference to the RadWindow in this setup you will need to use the MS AJAX $find() function: http://docs.telerik.com/devtools/aspnet-ajax/controls/window/client-side-programming/overview#getting-a-reference-to-a-radwindow-from-controls-in-its-contenttemplate. The GetRadWindow() function is used from inside a content page, not from the ContentTemplate.
if you are using .NET 4.5 and Unobtrusive validation, you may be having issues related to jQuery, so I would advise that you go through the following page: http://docs.telerik.com/devtools/aspnet-ajax/general-information/troubleshooting/jquery-troubleshooting. Or, you can disable Unobtrusive validation by adding the following line in the appSettings section of your web.config: <add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />

Regards,

Marin Bratanov
Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

answered on 02 Sep 2015, 08:18 PM

I moved the RadWindow outside the RadWindowManager as you suggested shown below but I still have the same issue with the requiredfeildvalidator clientside validation. Submitting the button inside the radwindow briefly shows the clientside requiredfeildvalidator working but the radwindow then disappears even though Page.IsValid is not meet.

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

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

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.radWindow;

else if (window.frameElement && window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

return oWindow;

}

function CloseModal() {

var oWnd = GetRadWindow();

if (oWnd) oWnd.close();

}

</script>

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

<div>

<telerik:RadButton ID="btnAddDebtor" runat="server" Text="Add Debtor" ButtonType="StandardButton" CausesValidation="false">

<Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>

</telerik:RadButton>

<telerik:RadWindow ID="RadWindow_DebtorContent" runat="server" Width="700" Height="480" Modal="true" Behaviors="Close">

<ContentTemplate>

<div class="form-horizontal" style="width:670px">

<br />

<div class="form-group">

<asp:Label runat="server" AssociatedControlID="Contact" CssClass="col-md-2 control-label">Contact</asp:Label>

<div class="col-md-10">

<telerik:RadTextBox runat="server" ID="Contact" CssClass="form-control" Width="240px"></telerik:RadTextBox>

</div>

<br />

<telerik:RadButton ID="btnAddDebtor1" runat="server" Text="Add Debtor" ButtonType="StandardButton" ValidationGroup="Debtor" OnCommand="btnAddDebtor_Click">

<Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="4"></Icon>

</telerik:RadButton>

<br />

</div>

</ContentTemplate>

</telerik:RadWindow>

</div>

</form>

</body>

</html>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Bookings

{

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

{

protected void Page_Load(object sender, EventArgs e)

{

RadWindow_DebtorContent.OpenerElementID = btnAddDebtor.ClientID;

}

public void btnAddDebtor_Click(object sender, CommandEventArgs e)

{

if (this.Page.IsValid)

{

//Update Database

ScriptManager.RegisterStartupScript(this, GetType(), "close", "CloseModal();", true);

}

answered on 04 Sep 2015, 09:50 AM

video.zip

test-validation.zip

Hi Andrew,

I tested the provided code again and it seems to work fine for me. I am attaching a short video so you can confirm if I am missing something.

What I can suggest at this point is the following:

try moving the validator out of the content template
try adding this to your web.config:

<appSettings>

<add key="ValidationSettings:UnobtrusiveValidationMode" value="None" />

</appSettings>
ensure there are no script errors on the page
try the sample I am also attaching here to see if it works and if so - compare it with your actual setup to find the difference
if this does not help you resolve the problem, open a support ticket and send us a small runnable project that showcases the problem so we can investigate it

Regards,

Marin Bratanov
Telerik