Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Button Inside RadWindow Closes Window When Not Valid

5 Answers 114 Views
Window
This is a migrated thread and some comments may be shown as answers.
Andrew
Top achievements
Rank 1
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>
 
<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>
                    </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>

C#

  

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

Sort by
0
Andrew
Top achievements
Rank 1
answered on 02 Sep 2015, 02:56 AM
I have browsed the forum for a similar scenario with no luck. I would have thought this is a fairly common procedure. Open a window with some form controls, validate them client side then post them to the server and close the window. I must be missing a simple step, can you help?
0
Andrew
Top achievements
Rank 1
answered on 02 Sep 2015, 03:12 AM
All I am trying to do is postback after the clientside validation is true. Is there a simple amendment to t​he above code to make this work?
0
Marin Bratanov
Telerik team
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:

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
0
Andrew
Top achievements
Rank 1
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>
 
<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>
                        <asp:RequiredFieldValidator runat="server" ID="rfContact" Display="Dynamic" ControlToValidate="Contact" CssClass="text-danger" ErrorMessage="Please provide Contact" ValidationGroup="Debtor"></asp:RequiredFieldValidator>
                        </div>
                    </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>

C#

 

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);
            }
        }
    }
}

0
Marin Bratanov
Telerik team
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
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
Tags
Window
Asked by
Andrew
Top achievements
Rank 1
Answers by
Andrew
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or