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

RadRotator inside of RadListView

1 Answer 69 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
xtremex xploit
Top achievements
Rank 1
xtremex xploit asked on 15 May 2011, 08:06 PM
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>


1 Answer, 1 is accepted

Sort by
0
Niko
Telerik team
answered on 17 May 2011, 02:27 PM
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.

Tags
Rotator
Asked by
xtremex xploit
Top achievements
Rank 1
Answers by
Niko
Telerik team
Share this question
or