radtabstrip as wizard issue with button

2 posts, 0 answers
  1. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 26 Mar 2014 Link to this post


    Hi,

    I have a radtabstrip working as a wizard.
    I have 4 tabs with a back and continue radbuttons on each. On the last page I have a back and submit button instead of a continue.
    I wanted to add an alert msg on the submit button.
    When i try to add the onclientclicked it tries to load the function on the continue of previous page.

    I am unable to figure out the issue.
    Please help.

    I have attached the html for both the pages.

    Page 1

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucContingentDesignation.ascx.cs"
        Inherits="ucContingentDesignation" %>
    <div id="ContingentDesignation">
        <div>
            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <th align="left">
                        Step 3 - Contingent Designation
                    </th>
                </tr>
                <tr>
                    <td>
                        <div>
                            <telerik:RadGrid ID="rgContingentBeneficiary" runat="server" ImagesPath="../../App_Themes/MBen/Grid"
                                EnableEmbeddedSkins="false" Skin="MBen" AllowPaging="True" AllowSorting="True"
                                ShowFooter="true" GridLines="None" OnNeedDataSource="rgContingentBeneficiary_NeedDataSource"
                                OnInsertCommand="rgContingentBeneficiary_InsertCommand" OnUpdateCommand="rgContingentBeneficiary_UpdateCommand"
                                OnDeleteCommand="rgContingentBeneficiary_DeleteCommand" Width="100%" OnItemDataBound="rgContingentBeneficiary_ItemDataBound" EnableLinqExpressions="false">
                                <MasterTableView Width="750px" CommandItemDisplay="Bottom" HorizontalAlign="NotSet"
                                    AutoGenerateColumns="False" EditMode="EditForms" DataKeyNames="BeneficiaryID,BeneficiaryPercent">
                                    <CommandItemSettings ShowRefreshButton="false" ShowExportToExcelButton="false" ShowExportToPdfButton="false"
                                        ShowExportToWordButton="false" ShowExportToCsvButton="false" ShowAddNewRecordButton="true"
                                        AddNewRecordText="Add New Beneficiary" />
                                    <Columns>
                                        <telerik:GridBoundColumn DataField="BeneficiaryID" UniqueName="BeneficiaryID" Visible="false">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridTemplateColumn HeaderText="Full Name" SortExpression="Beneficiary" UniqueName="Beneficiary"
                                            HeaderStyle-Width="44%" ItemStyle-Wrap="true">
                                            <ItemTemplate>
                                                <%# Eval("Beneficiary")%>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridTemplateColumn HeaderText="Relationship" SortExpression="BeneficiaryRelationship"
                                            HeaderStyle-Width="30%" UniqueName="BeneficiaryRelationship">
                                            <ItemTemplate>
                                                <%# Eval("BeneficiaryRelationship")%>
                                            </ItemTemplate>
                                        </telerik:GridTemplateColumn>
                                        <telerik:GridEditCommandColumn ButtonType="ImageButton" EditText="Edit" CancelText="Cancel"
                                            HeaderStyle-Width="3%" UniqueName="EditCommandColumn">
                                            <ItemStyle />
                                        </telerik:GridEditCommandColumn>
                                        <telerik:GridButtonColumn ButtonType="ImageButton" ConfirmText="Delete this Beneficiary?"
                                            HeaderStyle-Width="3%" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">
                                            <ItemStyle HorizontalAlign="Center" />
                                        </telerik:GridButtonColumn>
                                    </Columns>                               
                                </MasterTableView>
                            </telerik:RadGrid>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                       <telerik:RadButton runat="server" ID="PreviousButton" Text="Previous" OnClick="PreviousButton_Click">
                        </telerik:RadButton>
                        <telerik:RadButton runat="server" ID="ContinueButton" Text="Continue" ValidationGroup="ContingentDesignationValidationGroup"
                            CausesValidation="true" OnClick="ContinueButton_Click">
                        </telerik:RadButton>
                        <telerik:RadButton runat="server" ID="CancelButton" Text="Cancel" CausesValidation="false"
                            OnClick="CancelButton_Click" OnClientClicking="showConfirmWindow">
                        </telerik:RadButton>
                    </td>
                </tr>
            </table>
        </div>
    <telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">
     
            <script type="text/javascript">
                
                function showConfirmWindow(sender, args) {
                    //args.set_cancel(!window.confirm("None of your changes will be saved. Are you sure you want to cancel? Click OK to Continue or Cancel to go back."));
                    var callBackFunction = Function.createDelegate(sender, function(argument) {
                        if (argument) {
                            this.click();
                        }
                    });
                    var text = "<br />None of your changes will be saved.  Are you sure you want to cancel? <br /><br />";
                    radconfirm(text, callBackFunction, 325, 140, null, "Cancel Beneficiary Designation?");
                    args.set_cancel(true);
                }        </script>
     
        </telerik:RadScriptBlock>
    </div>

    Page 2
    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucDesignationSummary.ascx.cs"
        Inherits="ucDesignationSummary" %>
    <div id="DesignationSummary">
        <div>
            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <th align="left">
                        Step 4 - Designation Summary
                    </th>
                </tr>
                <tr>
                    <td>
                        <telerik:RadGrid ID="rgBeneficiaries" runat="server" GridLines="Vertical" AllowPaging="true"
                            AllowAutomaticUpdates="false" AllowAutomaticInserts="false" AutoGenerateColumns="False"
                            EnableLinqExpressions="false" AllowSorting="true" AllowAutomaticDeletes="false"
                            OnNeedDataSource="rgBeneficiaries_NeedDataSource" Skin="MBen" EnableEmbeddedSkins="false"
                           Width="100%"   PageSize="15" ImagesPath="../../App_Themes/MBen/Grid">
                            <MasterTableView TableLayout="Fixed" HierarchyDefaultExpanded="true" CommandItemDisplay="None"
                                DataKeyNames="" PagerStyle-Position="Bottom">
                                <Columns>
                                    <telerik:GridBoundColumn DataField="BeneficiaryType" UniqueName="BeneficiaryType"
                                        HeaderText="Beneficiary Type" HeaderStyle-Width="15%" SortExpression="BeneficiaryType" />
                                    <telerik:GridBoundColumn DataField="BeneficiaryPercent" UniqueName="BeneficiaryPercent"
                                        HeaderText="Percentage" SortExpression="BeneficiaryPercent" HeaderStyle-Width="10%" />
                                    <telerik:GridBoundColumn DataField="Beneficiary" UniqueName="Beneficiary" HeaderText="Beneficiary"
                                        ItemStyle-Wrap="true" SortExpression="Beneficiary" />
                                    <telerik:GridBoundColumn DataField="BeneficiaryRelationship" UniqueName="BeneficiaryRelationship"
                                        HeaderText="Relationship" SortExpression="BeneficiaryRelationship" HeaderStyle-Width="15%" />
                                </Columns>
                            </MasterTableView>
                        </telerik:RadGrid>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <telerik:RadButton runat="server" ID="PreviousButton" Text="Previous" OnClick="PreviousButton_Click">
    </telerik:RadButton>
    <telerik:RadButton runat="server" ID="btnSubmit" Text="Submit" OnClick="btnSubmit_Click"
        OnClientClicked="alert('hi');">
    </telerik:RadButton>
    <telerik:RadButton runat="server" ID="CancelButton" Text="Cancel" CausesValidation="false"
        OnClick="CancelButton_Click" OnClientClicking="showConfirmWindow">
    </telerik:RadButton>
     
    <script type="text/javascript">
     
    function showConfirmWindow(sender, args) {
    }
        function showConfirmWindow(sender, args) {
            //args.set_cancel(!window.confirm("Are you sure you want to cancel?"));
            var callBackFunction = Function.createDelegate(sender, function(argument) {
                if (argument) {
                    this.click();
                }
            });
            var text = "<br />None of your changes will be saved.  Are you sure you want to cancel? <br /><br />";
            radconfirm(text, callBackFunction, 325, 140, null, "Cancel Beneficiary Designation?");
            args.set_cancel(true);
        }
    </script>
  2. MBEN
    MBEN avatar
    159 posts
    Member since:
    Nov 2011

    Posted 26 Mar 2014 Link to this post

    I used a RadAcriptBlock and it seems to work now.
    I am not sure what the reason was though.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top