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

Trigger RadAjaxLoadingPanel from RadWizard Finish Button

1 Answer 193 Views

Wizard

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

Ken asked on 01 Oct 2015, 03:17 PM

Hello!

I have a content page with a RadWizard and a RadAjaxManagerProxy. In my MasterPage, I have a RadAjaxLoadingPanel that's used globally.

I would like to trigger the RadAjaxLoadingPanel when the "Finish" button in the RadWizard has been fired. As you can see from my code below, I tried adding a reference to the wizard from itself in the Proxy with the loadingPanel ID but it doesn't work, so I'm guessing I have to wire it up through jquery in my OnClientButtonClicking() function?

MasterPage:

<body class="index">

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

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

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

</Scripts>

</telerik:RadScriptManager>

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

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="defaultLoadingPanel"

runat="server"

BackgroundPosition="Center"

IsSticky="true"

CssClass="MyModalPanel"

Transparency="10"

Skin="MetroTouch" />

...

</form>

</body>

Content Page:

<script type="text/javascript">

function OnClientButtonClicking(sender, args) {

var command = args.get_command();

if (command == 3) {

args.set_cancel(!window.confirm("<% =CancelMessage %>"));

}

</script>

<telerik:RadAjaxManagerProxy runat="server" ID="ajaxProxy">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="wizOrganization">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="wizOrganization" LoadingPanelID="defaultLoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadWizard runat="server" ID="wizOrganization"

Skin="MetroTouch"

RenderedSteps="All"

DisplayCancelButton="true"

DisplayNavigationBar="true"

DisplayProgressBar="true"

Width="100%"

DisplayNavigationButtons="true"

NavigationButtonsPosition="Bottom"

ProgressBarPosition="left"

NavigationBarPosition="left"

OnClientButtonClicking="OnClientButtonClicking">

<WizardSteps>

<telerik:RadWizardStep runat="server"

Title="Step1"

ID="wizStep_1"

CausesValidation="false"

ToolTip="Step1">

{fields}

</telerik:RadWizardStep>

<telerik:RadWizardStep runat="server"

Title="Step2"

ID="wizStep_2"

CausesValidation="false"

ToolTip="Step2">

{fields}

</telerik:RadWizardStep>

<telerik:RadWizardStep runat="server"

Title="Step3"

ID="wizStep_3"

CausesValidation="false"

ToolTip="Step3">

{fields}

</telerik:RadWizardStep>

</WizardSteps>

</telerik:RadWizard>

Thanks for your help!

Chris

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Trigger RadAjaxLoadingPanel from RadWizard Finish Button

1 Answer, 1 is accepted