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

Automatic data loading on top

9 Answers 42 Views
DataBoundListBox
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Marco
Top achievements
Rank 1
Marco asked on 04 Apr 2014, 05:23 PM
Hi,

I'm developing a chat page in my app and I use RadDataboundListBox to show messages.
I want to load old messages when user go on the top of the list. Is it possibile? By default this behavior is only for "scroll on bottom event", I would have DataRequested raised when user go on top, instead of Pull to refresh.

A last question, can DataBound Listbox sroll on bottom when a new messag is added?

Thank you,
Marco

9 Answers, 1 is accepted

Sort by
0
Deyan
Telerik team
answered on 09 Apr 2014, 07:40 AM
Hi Marco,

This feature is only available when scrolling towards the bottom of the list.

The top of the list is managed by the Pull to Refresh behaviour.

We will log your request in our TODO list and will eventually implement it since it's been requested previously.

Regards,
Deyan
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Marco
Top achievements
Rank 1
answered on 09 Apr 2014, 12:15 PM
Hi Deyan,

thank you for reply.

Is it possible to change the default content of "pull to refresh"? I would try to mask the pull to refresh look to simulate a "load on demand" behavior
0
Deyan
Telerik team
answered on 11 Apr 2014, 07:13 AM
Hello Marco,

Thanks for writing back.

Yes, there is a way to do this but I would not recommend. The Pull-to-Refresh is actually a "load-on-demand" behavior. If you hide the text and put something else that does not remind the end-users that they need to pull the list to get new data - they might get confused.

Regards,
Deyan
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Marco
Top achievements
Rank 1
answered on 14 Apr 2014, 09:10 AM
Yes, of course. I want only replace "pull to refresh" whit "pull to load older". How I can do this?

Thank you!
Marco
0
Deyan
Telerik team
answered on 17 Apr 2014, 07:10 AM
Hello Marco,

This can be done via the a Localization Manager.

Take a look at the following help topics for more information:

http://www.telerik.com/help/windows-phone/localization-overview.html

http://www.telerik.com/help/windows-phone/localization-string-loaders.html

http://www.telerik.com/help/windows-phone/localizationstrings-listbox.html

What you will need to do is basically define a custom string loader and return your string for the corresponding PullToRefresh message key.

I hope this is helpful.

Regards,
Deyan
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Marco
Top achievements
Rank 1
answered on 29 Apr 2014, 10:59 AM
Thank you for solution, I'll try it!



I've founded a strange issue in a RadDataBoundListBox that I used in my project: it hasn't "scroll grip". 
When I scroll the list and I hold my finger on the screen the list don't "break" but continue to scroll. The only way to stop scrolling is to scroll in the other direction. Why? The others RadDataBoundListBox in the project hasn't this issue, but I don't understand why.

<telerikControls:RadDataBoundListBox x:Name="YYY"
                                                         ItemsSource="{Binding Path=XXX}" 
                                                         IsPullToRefreshEnabled="False" 
                                                         PullToRefreshIndicatorStyle="{StaticResource PullToRefreshIndicatorStyle}"
                                                         UseOptimizedManipulationRouting = "False"
                                                         EmptyContent=""
                                                         ItemTap="ItemTap"
                                                         telerikCore:InteractionEffectManager.IsInteractionEnabled="True" 
                                                         IsAsyncBalanceEnabled="True"
                                                         ItemAnimationMode="PlayAll"
                                                         ItemTemplateSelector="{StaticResource XTemplateSelector}"
                                                         DataVirtualizationMode="OnDemandAutomatic">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="DataRequested">
                                <i:InvokeCommandAction Command="{Binding Path=JJJ}" CommandParameter="{Binding Path=ZZZ}" /> 
                            </i:EventTrigger>
                        </i:Interaction.Triggers>

                        <telerikControls:RadDataBoundListBox.ItemAddedAnimation>
                            <telerikCore:RadFadeAnimation Duration="0:0:0.3" StartOpacity="0" EndOpacity="1">
                                <telerikCore:RadFadeAnimation.Easing>
                                    <CubicEase EasingMode="EaseIn" />
                                </telerikCore:RadFadeAnimation.Easing>
                            </telerikCore:RadFadeAnimation>
                        </telerikControls:RadDataBoundListBox.ItemAddedAnimation>

                        <telerikControls:RadDataBoundListBox.ItemRemovedAnimation>
                            <telerikCore:RadFadeAnimation Duration="0:0:0.3"  StartOpacity="1" EndOpacity="0">
                                <telerikCore:RadFadeAnimation.Easing>
                                    <ExponentialEase EasingMode="EaseOut" />
                                </telerikCore:RadFadeAnimation.Easing>
                            </telerikCore:RadFadeAnimation>
                        </telerikControls:RadDataBoundListBox.ItemRemovedAnimation>

                    </telerikControls:RadDataBoundListBox>

In the item templates I use Interaction.Trigger to trigger the tap event of an Image in the ItemTemplate. I user also the standard Windows Phone ContextMenu


0
Marco
Top achievements
Rank 1
answered on 29 Apr 2014, 10:59 AM
Thank you for solution, I'll try it!



I've founded a strange issue in a RadDataBoundListBox that I used in my project: it hasn't "scroll grip". 
When I scroll the list and I hold my finger on the screen the list don't "break" but continue to scroll. The only way to stop scrolling is to scroll in the other direction. Why? The others RadDataBoundListBox in the project hasn't this issue, but I don't understand why.

<telerikControls:RadDataBoundListBox x:Name="YYY"
                                                         ItemsSource="{Binding Path=XXX}" 
                                                         IsPullToRefreshEnabled="False" 
                                                         PullToRefreshIndicatorStyle="{StaticResource PullToRefreshIndicatorStyle}"
                                                         UseOptimizedManipulationRouting = "False"
                                                         EmptyContent=""
                                                         ItemTap="ItemTap"
                                                         telerikCore:InteractionEffectManager.IsInteractionEnabled="True" 
                                                         IsAsyncBalanceEnabled="True"
                                                         ItemAnimationMode="PlayAll"
                                                         ItemTemplateSelector="{StaticResource XTemplateSelector}"
                                                         DataVirtualizationMode="OnDemandAutomatic">
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="DataRequested">
                                <i:InvokeCommandAction Command="{Binding Path=JJJ}" CommandParameter="{Binding Path=ZZZ}" /> 
                            </i:EventTrigger>
                        </i:Interaction.Triggers>

                        <telerikControls:RadDataBoundListBox.ItemAddedAnimation>
                            <telerikCore:RadFadeAnimation Duration="0:0:0.3" StartOpacity="0" EndOpacity="1">
                                <telerikCore:RadFadeAnimation.Easing>
                                    <CubicEase EasingMode="EaseIn" />
                                </telerikCore:RadFadeAnimation.Easing>
                            </telerikCore:RadFadeAnimation>
                        </telerikControls:RadDataBoundListBox.ItemAddedAnimation>

                        <telerikControls:RadDataBoundListBox.ItemRemovedAnimation>
                            <telerikCore:RadFadeAnimation Duration="0:0:0.3"  StartOpacity="1" EndOpacity="0">
                                <telerikCore:RadFadeAnimation.Easing>
                                    <ExponentialEase EasingMode="EaseOut" />
                                </telerikCore:RadFadeAnimation.Easing>
                            </telerikCore:RadFadeAnimation>
                        </telerikControls:RadDataBoundListBox.ItemRemovedAnimation>

                    </telerikControls:RadDataBoundListBox>

In the item templates I use Interaction.Trigger to trigger the tap event of an Image in the ItemTemplate. I user also the standard Windows Phone ContextMenu
0
Ivaylo Gergov
Telerik team
answered on 02 May 2014, 09:02 AM
Hi,

Thank you for your feedback. We will further investigate this issue and we will get back to you with more information.

Regards,
Ivaylo Gergov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Deyan
Telerik team
answered on 08 May 2014, 07:09 AM
Hello Marco,

We have tried to reproduce the issue on our side but without success.

Would it be possible for you to prepare a sample project that reproduces the scenario and send it to us for further investigation?

You will have to open a new support ticket to be able to do that.

Regards,
Deyan
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
DataBoundListBox
Asked by
Marco
Top achievements
Rank 1
Answers by
Deyan
Telerik team
Marco
Top achievements
Rank 1
Ivaylo Gergov
Telerik team
Share this question
or