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

listview-load-on-demand-custom-view not work on Android

1 Answer 136 Views
ListView
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Clarence
Top achievements
Rank 2
Clarence asked on 07 Feb 2017, 08:09 AM

Found that the custom load-on-demand view in the RadListView component is not working in Android.

Issue can be reproduced as follows:

  • Clone the SDKAngular examples repo (https://github.com/telerik/nativescript-ui-samples-angular.git)
  • Modify the file nativescript-ui-samples-angular/sdkAngular/app/listview/load-on-demand/listview-load-on-demand.component.android.html as follows (note the addition of *tkListLoadOnDemandTemplate in the html file):
<GridLayout tkExampleTitle tkToggleNavButton>
    <RadListView [items]="dataItems" loadOnDemandMode="Manual" (loadMoreDataRequested)="onLoadMoreItemsRequested($event)">
        <template tkListItemTemplate let-item="item">
            <StackLayout class="itemTemplateStackLayout" orientation="vertical">
                <StackLayout class="innerOtemTemplateStackLayout" orientation="horizontal">
                    <FrescoDrawee height="100" width="80" [imageUri]="item.image"></FrescoDrawee>
                    <StackLayout class="labelsStackLayout" orientation="vertical">
                        <Label class="labelName" [text]="item.name"></Label>
                        <Label class="labelTitle" [text]="item.title" textWrap="true"></Label>
                        <Label class="labelText" [text]="item.text" textWrap="true"></Label>
                    </StackLayout>
                </StackLayout>
            </StackLayout>
        </template>
        <!-- >> listview-load-on-demand-custom-view -->
        <GridLayout *tkListLoadOnDemandTemplate class="loadOnDemandItemGridLayout">
            <Label text="Load More" horizontalAlignment="center" verticalAlignment="center"></Label>
        </GridLayout>
        <!-- << listview-load-on-demand-custom-view -->
    </RadListView>
</GridLayout>
  • tns run android
  • In the "Load on Demand" listview example, scroll to bottom, then click "Load More", there is no response

Nativescript-ui-pro version: 1.6.0

Kindly advice.

Clarence

 

1 Answer, 1 is accepted

Sort by
0
Nick Iliev
Telerik team
answered on 07 Feb 2017, 11:42 AM
Hello Clarence,

Thank you for contacting us and reporting this issue! After some testing on my side, it appears that indeed this is a bug in the Android implementation and when using a template the loadMoreDataRequested is never fired. 

I've logged this issue here and labelled as a bug. Our developers will investigate it and once fix is provided it will be updated as information in both the issue and in our release notes (for the release the fix is included).
You can also join the discussion in the issue and keep track on it for the latest information regarding this problem.

Once again I am sorry for any inconvenience this issue might have caused!
I am awarding you 1000 Telerik points for reporting this bug.

Regards,
Nikolay Iliev
Telerik by Progress
Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
Tags
ListView
Asked by
Clarence
Top achievements
Rank 2
Answers by
Nick Iliev
Telerik team
Share this question
or