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

Ajax Manager Help

1 Answer 42 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Kalyana
Top achievements
Rank 1
Kalyana asked on 01 Nov 2012, 06:30 PM

I have two user controls in a page. In second user control there is a repeater control and delete button inside the repeater control. When I click on the delete button inside repeater ,it should refresh the first user control and it should render in the page. Currently if I click on delete button it goes to delete event handler and does the job but does not refresh the first user control. The first user control is empty when delete occurs.

I have attached the code below for your reference.

I would appreciate if I can get a solution and not examples as I have seen a few examples from Google and Telerik support which are not really helpful.

Main Page (where 2 user controls implemented):

<table>

    <tr>

    <td>

     <asp:Label style="float: left;" id="lblUpload" runat="server" Text="Basis of Design: ">  </asp:Label>

     </td><td>

      <!—User Control 1 à

     <fusion:ArtifactUpload  runat="server" IsMultiUploadControl="false" ID="BODUploadControl"  OnFileUploading="BODUpload_OnFileUploading" AutoAjaxify="true"    OnNeedsArtifactId="BODUpload_OnNeedsArtifactId" >

      <filefilters>

            <telerik:FileFilter Description="BOD Files (.doc, .docx, .pdf)" Extensions="doc,docx,pdf" />

        </filefilters>

     </fusion:ArtifactUpload>  

<!—User Control 2 à

    <fusion:ArtifactRepeater style=" padding:2px;" ID="BODRepeater" runat="server" OnFileDeleting="BODUpload_OnFileDeleted" />

    </td>

    </tr>

    <br />

    <tr>

    <td>

    <asp:Label style="float: left;" id="lblIcemUploadText" runat="server" Text="iCem Design:  ">  </asp:Label>

     </td><td>

<!—User Control 1 à

    <fusion:ArtifactUpload runat="server"   IsMultiUploadControl="false" ShowLargeProgressIndicator="true" CallToAction="Attach iCem Design"  AutoAjaxify="true"  AppName="myCem" ID="ICEMUploadControl"  OnNeedsArtifactId="ICemUpload_OnNeedsArtifactId" OnFileUploading="ICemUpload_OnFileUploading" >

     <filefilters>

            <telerik:FileFilter Description="iCem Designs (.icem)" Extensions="icem" />

        </filefilters>

    </fusion:ArtifactUpload>

<!—User Control 2à

    <fusion:ArtifactRepeater ID="ICEMRepeater"  runat="server" OnFileDeleting="ICemUpload_OnFileDeleted" />

    </td>

    </tr>

    </table>

User Control- 2:

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

    <AjaxSettings>

        <telerik:AjaxSetting AjaxControlID="pnlRepeater">

            <UpdatedControls>

                <telerik:AjaxUpdatedControl ControlID="pnlRepeater" LoadingPanelID="LoadingPanel" />               

            </UpdatedControls>

        </telerik:AjaxSetting>

    </AjaxSettings>

</telerik:RadAjaxManagerProxy>

    <asp:Panel ID="pnlRepeater" runat="server">

        <table>

            <asp:Repeater ID="rptUploadedFiles" runat="server" OnItemDataBound="rptUploadedFiles_ItemDataBound">

                <ItemTemplate>

                    <tr>

                        <td>

                            <asp:LinkButton ID="ArtifactLink" runat="server" Style="float: left;" />

                        </td>

                        <td>

                            <telerik:RadButton AutoPostBack="true"  runat="server" Width="20px" Height="20px" ID="btnDelete"

                                OnClick="RADArtifactDelete_OnClick" Style="float: left;">

                                <Image ImageUrl="<% $SPUrl: ~sitecollection/Style Library/WorkflowUserInterfaceCommon/Images/DeleteRecord.png%>">

                                </Image>

                            </telerik:RadButton>

                        </td>

                    </tr>

                    <asp:HiddenField ID="hdnArtifactId" runat="server" Value='<%#Container.DataItem%>' />

                </ItemTemplate>

            </asp:Repeater>

        </table>

    </asp:Panel>

     

User Control 1:

<div id="<%=this.ClientID %>">

    <telerik:RadWindow ID="ArtifactUploadProgressWindow" runat="server" IconUrl="<% $SPUrl: ~sitecollection/Style Library/WorkflowUserInterfaceCommon/Images/Fusion_Logo_grey_16.png %>"

        Behaviors="None" Modal="True" VisibleStatusbar="False" ReloadOnShow="False" Opacity="100"

        Animation="None" AutoSize="True">

        <ContentTemplate>

            <div id="LargeProgressIndicator" runat="server" style="width: 350px; height: 60px;">

               <h2>

                    <%= this.CallToAction %>

                </h2>

                <hr />

                <h4 id="ProgressArtifactName" runat="server" />

                <div id="ProgressBar" runat="server" style="width: 100%; height: 17px; background-repeat: repeat-x;" />

                <hr />

                <div align="right">

                    <asp:Button ID="CancelUpload" runat="server" Text="Cancel" OnClick="CancelUpload_OnClick" />

                </div>

            </div>

           <img id="SmallProgressIndicator" runat="server" alt="Progress indicator" src="<% $SPUrl: ~sitecollection/Style Library/WorkflowUserInterfaceCommon/Images/loading.gif %>" />

        </ContentTemplate>

    </telerik:RadWindow>   

    

   <div style="vertical-align:middle;"><telerik:RadAsyncUpload ID="ArtifactUploadControl" runat="server" MaxFileSize="15000000"  HttpHandlerUrl="~/_layouts/Halliburton.Fusion.Portal.Workflow.Infrastructure/ArtifactHandler.ashx"

                EnableInlineProgress="False" MaxFileInputsCount="1" UploadedFilesRendering="BelowFileInput"

                OnFileUploaded="ArtifactUploadControl_OnFileUploaded" Height="25px" PostbackTriggers="ArtifactUploadSubmit"

                EnableEmbeddedSkins="False" Skin="CustomUpload">               

                <Localization Select="Browse" Remove="" Cancel="" />

            </telerik:RadAsyncUpload>

  </div>   

    

        <asp:Button ID="ArtifactUploadSubmit" runat="server" Text="" Style="display: none;" />

</div>

User Control 1 .cs:

Page_Load()

            {

                RadAjaxManager radAjaxManager = RadAjaxManager.GetCurrent(this.Page);

                radAjaxManager.AjaxSettings.AddAjaxSetting(this, this);

            }

1 Answer, 1 is accepted

Sort by
0
Angel Petrov
Telerik team
answered on 06 Nov 2012, 03:24 PM
Hello Kalyana,

I am not sure that I fully understand your scenario. As far as I can tell you want from the btnDelete button to update User Control 1 which means <div id="<%=this.ClientID %>"> . I have created a simple solution which illustrates this approach. Please review it and tell us is this what you are looking for.

All the best,
Angel Petrov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Ajax
Asked by
Kalyana
Top achievements
Rank 1
Answers by
Angel Petrov
Telerik team
Share this question
or