RadRotator inside of RadListView

2 posts, 0 answers
  1. xtremex xploit
    xtremex xploit avatar
    2 posts
    Member since:
    Oct 2009

    Posted 15 May 2011 Link to this post

    Hello, i have RadRotator inside of RadListView, when I click on the linkbutton (RadRotator) the RadAjaxLoadingPanel just appears for an instant but the end of request never waits for the response ??

    I mean, the RadAjaxLoadingPanel  is never waiting to the Itemclick event of the rad rotator inside of radlistview..

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007"
        meta:resourcekey="RadAjaxLoadingPanel1Resource1" />
    <telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
        <script type="text/javascript">
            function showNextItem(clickedButton, rotator, direction) {
                rotator.showNext(direction);
            }
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadAjaxPanel ID="radAjaxPanel" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"
        HorizontalAlign="NotSet" meta:resourcekey="radAjaxPanelResource1">
        <telerik:RadDataPager ID="RadDataPager2" runat="server" PagedControlID="RadListView1"
            Width="685px" meta:resourcekey="RadDataPager2Resource1">
            <Fields>
                <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
                <telerik:RadDataPagerButtonField FieldType="Numeric" />
                <telerik:RadDataPagerButtonField FieldType="NextLast" />
                <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
                <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TextBoxWidth="15" meta:resourcekey="RadDataPagerGoToPageFieldResource1" />
                <telerik:RadDataPagerTemplatePageField>
                    <PagerTemplate>
                        <div style="float: right">
                            <b>Items
                                <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1 %>"
                                    meta:resourcekey="CurrentPageLabelResource1" />
                                to
                                <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>"
                                    meta:resourcekey="TotalPagesLabelResource1" />
                                of
                                <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount %>"
                                    meta:resourcekey="TotalItemsLabelResource1" />
                                <br />
                            </b>
                        </div>
                    </PagerTemplate>
                </telerik:RadDataPagerTemplatePageField>
            </Fields>
        </telerik:RadDataPager>
        <div style="background-image: url('/images/detallefoto_2.jpg'); background-repeat: repeat-y;
            text-align: center; width: 705px; clear: both">
            <telerik:RadListView ID="RadListView1" Width="540px" AllowPaging="True" AllowCustomPaging="True"
                runat="server" AllowSorting="false" ItemPlaceholderID="ProductsHolder" OnPageIndexChanged="RadListView1_PageIndexChanged"
                DataKeyNames="MatchID" OnItemDataBound="RadListView1_ItemDataBound" OnNeedDataSource="RadListView1_NeedDataSource"
                meta:resourcekey="RadListView1Resource1">
                <LayoutTemplate>
                    <asp:Panel ID="ProductsHolder" runat="server" meta:resourcekey="ProductsHolderResource1" />
                    <br style="clear: both" />
                </LayoutTemplate>
                <ItemTemplate>
                    <div style="clear: left;">
                        <div style="background-image: url('../images/faq_1.jpg'); background-repeat: no-repeat;
                            height: 54px; text-align: left">
                            <div style="width: 549px; position: relative; left: 65px; top: 22px; height: 14px;">
                                <asp:Label ID="MyData" runat="server" Font-Bold="True" Font-Size="Small" ForeColor="#999999"
                                    Text='<%# Eval("NumberID") %>' meta:resourcekey="MyDataResource1"></asp:Label>
                            </div>
                        </div>
                        <table style="width: 700px; padding: 0px; margin: 0px; height: 300px" border="0">
                            <tr>
                                <td width="20">
                                    <asp:HyperLink ID="rightButtonHyperLink" runat="server" ImageUrl="~/images/flechaiz.jpg"
                                        NavigateUrl="#" BorderWidth="0px" meta:resourcekey="rightButtonHyperLinkResource1" />
                                </td>
                                <td valign="top">
                                    <telerik:RadRotator ID="RadRotator1" runat="server" Width="100%" ItemWidth="230px"
                                        RotatorType="FromCode" OnItemDataBound="RadRotator1_ItemDataBound" meta:resourcekey="RadRotator1Resource1"
                                        Height="350px" onitemclick="RadRotator1_ItemClick"  AutoPostBack="true" EnableAjaxSkinRendering="true" FrameDuration="2000"
                                        onitemcreated="RadRotator1_ItemCreated" SlideShowAnimation-Duration="4000">
                                        <ItemTemplate>
                                            <div>
                                                <table style="width: 100%;" cellspacing="0" cellpadding="0" border="0" align="center">
                                                    <tr>
                                                        <td colspan="3" style="text-align: center">
                                                            <div style="background-position: 15px 12px; background-image: url('/images/foto_1.jpg');
                                                                height: 20px; background-repeat: no-repeat;">
                                                            </div>
                                                            <div style="padding: 5px 0px 5px 0px; background-position: 15px 0px; background-image: url('/images/foto_2.jpg');
                                                                background-repeat: repeat-y; text-align: center">
                                                                <asp:HyperLink ID="photoImageButton" runat="server" ImageUrl='<%# Eval("ThumbsPath") %>'
                                                                    meta:resourcekey="photoImageButtonResource1" />
                                                            </div>
                                                            <div style="background-position: 15px -16px; background-image: url('/images/foto_3.jpg');
                                                                height: 19px; background-repeat: no-repeat;">
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: center;">
                                                            <asp:Label ID="Label2" runat="server" Text='<%# Eval("Description") %>' meta:resourcekey="Label2Resource1"></asp:Label>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: center">
                                                            <asp:HyperLink ID="userNameHyperLink" runat="server" Text='<%# Eval("UserName") %>'
                                                                NavigateUrl='<%# "/member/" + Eval("UserName") %>' meta:resourcekey="userNameHyperLinkResource1" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" style="text-align: center">
                                                            <img alt="" src="/images/vinetaverde.jpg" height="10" width="10" />
                                                            <asp:Label ID="uploadedDateLabel" runat="server" meta:resourcekey="uploadedDateLabelResource1" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: center">
                                                            <asp:Label ID="numberVotesLabel" runat="server" Text='<%# Eval("NumberVotes") %>' />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: center">
                                                            <asp:ImageButton ID="voteNowImageButton" runat="server" meta:resourcekey="voteNowImageResource1"
                                                                CommandName="Vote" CommandArgument='<%# Eval("PhotographyID") %>' />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="text-align: center">
                                                            <asp:ImageButton ID="denunceNowImageButton" runat="server" meta:resourcekey="denunceNowImageResource1"
                                                                CommandName="Denounce" CommandArgument='<%# Eval("PhotographyID") %>' />
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </ItemTemplate>
                                    </telerik:RadRotator>
                                </td>
                                <td width="20">
                                    <asp:HyperLink ID="leftButtonHyperLink" runat="server" ImageUrl="~/images/flechade.jpg"
                                        NavigateUrl="#" BorderWidth="0px" meta:resourcekey="leftButtonHyperLinkResource1" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </ItemTemplate>
            </telerik:RadListView>
        </div>
        <telerik:RadDataPager ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
            Width="685px" meta:resourcekey="RadDataPager1Resource1">
            <Fields>
                <telerik:RadDataPagerButtonField FieldType="FirstPrev" />
                <telerik:RadDataPagerButtonField FieldType="Numeric" />
                <telerik:RadDataPagerButtonField FieldType="NextLast" />
                <telerik:RadDataPagerPageSizeField PageSizeText="Page size: " />
                <telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TextBoxWidth="15" meta:resourcekey="RadDataPagerGoToPageFieldResource2" />
                <telerik:RadDataPagerTemplatePageField>
                    <PagerTemplate>
                        <div style="float: right">
                            <b>Items
                                <asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.Owner.StartRowIndex+1 %>"
                                    meta:resourcekey="CurrentPageLabelResource2" />
                                to
                                <asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Container.Owner.TotalRowCount > (Container.Owner.StartRowIndex+Container.Owner.PageSize) ? Container.Owner.StartRowIndex+Container.Owner.PageSize : Container.Owner.TotalRowCount %>"
                                    meta:resourcekey="TotalPagesLabelResource2" />
                                of
                                <asp:Label runat="server" ID="TotalItemsLabel" Text="<%# Container.Owner.TotalRowCount %>"
                                    meta:resourcekey="TotalItemsLabelResource2" />
                                <br />
                            </b>
                        </div>
                    </PagerTemplate>
                </telerik:RadDataPagerTemplatePageField>
            </Fields>
        </telerik:RadDataPager>
    </telerik:RadAjaxPanel>


  2. Niko
    Admin
    Niko avatar
    387 posts

    Posted 17 May 2011 Link to this post

    Hi,

    After extensively testing your case I wasn't able to reproduce the behavior you have described - the click on the rotator item would wait for the OnItemClick event handler to complete. Is it possible that you are running asynchronous invokes in the event handler? Also JavaScript executions are not included in the loading time, therefore if you are running long JavaScript executions, then you may experience this behavior. Having this in mind I will need more information in order to be able to reproduce the issue.

    Greetings,
    Niko
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top