Listview cannot show all items?

2 posts, 0 answers
  1. Jimmy
    Jimmy avatar
    1 posts
    Member since:
    Jun 2017

    Posted 13 Jul 2017 Link to this post

    My listview cannot show all items.

    Below is the code and screenshot. Any ideas?

    ScreenShots : https://image.ibb.co/jojuxv/Screenshot_1500002846.png

    You can see that is a item not fully shown, i am sure i scrolled to bottom.

     
     
    <StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
              <telerikInput:RadSegmentedControl x:Name="segmentControl" HorizontalOptions="FillAndExpand" HeightRequest="40" VerticalOptions="Start" SelectionChanged="segmentControl_SelectionChanged"/>
              <StackLayout x:Name="DatePickerView" Orientation="Vertical" HorizontalOptions="FillAndExpand" Margin="10,0,10,2">
                  <StackLayout Orientation="Horizontal">
                      <Label Text="{language:TranslateExtension Text=From_str}" VerticalTextAlignment="Center" FontSize="Medium" HorizontalTextAlignment="Start"/>
                      <DatePicker x:Name="FromDatePicker" HorizontalOptions="FillAndExpand" VerticalOptions="Center" />
                  </StackLayout>
                  <StackLayout Orientation="Horizontal">
                      <Label Text="{language:TranslateExtension Text=To_str}" VerticalTextAlignment="Center" FontSize="Medium" />
                      <DatePicker x:Name="ToDatePicker" HorizontalOptions="FillAndExpand" VerticalOptions="Center" />
                  </StackLayout>
                  <Button x:Name="FilterButton" Margin="10,0,10,0" Text="{language:TranslateExtension Text=Filter_str}" Clicked="FilterButton_Clicked"
                          HorizontalOptions="FillAndExpand" />
              </StackLayout>
     
              <Label x:Name="ExpandDatePickerIconLabel" FontFamily="FontAwesome" TextColor="{StaticResource Key=AppThemeColor}" FontSize="Small" HorizontalOptions="FillAndExpand" HorizontalTextAlignment="Center" VerticalTextAlignment="Center" Grid.Column="1">
                  <Label.GestureRecognizers>
                      <TapGestureRecognizer Tapped="ExpandDatePickerViewTapGestureRecognizer_Tapped"/>
                  </Label.GestureRecognizers>
              </Label>
     
              <!--<ActivityIndicator x:Name="LoadingIndicator" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" IsRunning="True" IsVisible="True"/>-->
              <telerikDataControls:RadListView x:Name="OrderList" Margin="5" ItemTapped="OrderList_ItemTapped" LoadOnDemandMode="Automatic" LoadOnDemandBufferItemsCount="10"
                                       ItemsSource="{Binding Source, Mode=TwoWay}" IsVisible="True" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                  <telerikDataControls:RadListView.ItemStyle>
                      <telerikListView:ListViewItemStyle BackgroundColor="Transparent" BorderLocation="Bottom" BorderColor="LightGray" BorderWidth="1"/>
                  </telerikDataControls:RadListView.ItemStyle>
                  <telerikDataControls:RadListView.SortDescriptors>
                      <telerikListView:PropertySortDescriptor PropertyName="TradeDateTime" SortOrder="Descending"/>
                  </telerikDataControls:RadListView.SortDescriptors>
                  <telerikDataControls:RadListView.ItemTemplate>
                      <DataTemplate>
                          <telerikListView:ListViewTemplateCell>
                              <telerikListView:ListViewTemplateCell.View>
                                  <Grid >
                                      <Grid.ColumnDefinitions>
                                          <ColumnDefinition/>
                                          <ColumnDefinition/>
                                      </Grid.ColumnDefinitions>
                                      <StackLayout Orientation="Vertical" Grid.Column="0" Margin="5">
                                          <Label x:Name="CreationTimeLabel" FontSize="Small" TextColor="DimGray" Text="{Binding Path=orderRecord.OrderTimeInDateTime}"/>
                                          <Grid Margin="10,0,0,0" RowSpacing="2">
                                              <Grid.RowDefinitions>
                                                  <RowDefinition/>
                                                  <RowDefinition/>
                                                  <RowDefinition/>
                                                  <RowDefinition/>
                                                  <RowDefinition/>
                                              </Grid.RowDefinitions>
                                              <Grid.ColumnDefinitions>
                                                  <ColumnDefinition Width="*"/>
                                                  <ColumnDefinition Width="2*"/>
                                              </Grid.ColumnDefinitions>
     
                                              <Label x:Name="BuySellLabel" Text="{Binding Path=orderRecord.BuySell, Converter={convertor:BuySellStringConvertor}}" TextColor="{Binding Path=orderRecord.BuySell, Converter={convertor:BuySellColorConvertor}}" FontSize="Large" Grid.Row="0" Grid.Column="0"/>
                                              <Label x:Name="QuantityLabel" Text="{Binding Path=orderRecord.Quantity, Converter={convertor:OrderQuantityConvertor}}" Grid.Row="0" Grid.Column="1" VerticalTextAlignment="Center" VerticalOptions="CenterAndExpand"/>
     
                                              <Label x:Name="StockSymbolLabel" Text="{Binding Path=orderRecord.Symbol}" Grid.Row="1" Grid.Column="0"/>
                                              <Label x:Name="StockNameLabel" Text="{Binding Path=stock.StockName}" Grid.Row="1" Grid.Column="1"/>
     
                                              <Label x:Name="CurrencyLabel" Text="{Binding Path=stock.Currency}" Grid.Row="2" Grid.Column="0"/>
                                              <Label x:Name="PriceLabel" Text="{Binding Path=orderRecord.Price , Converter={convertor:PriceConvertor}}" Grid.Row="2" Grid.Column="1"/>
     
                                              <Label x:Name="InstructLabel" Text="{Binding Path=orderRecord.OrderType, Converter={convertor:OrderInstructStringConvertor}}" Grid.Row="3" Grid.ColumnSpan="2"/>
     
                                              <Label x:Name="EffectiveToLabel" Text="有效至" Grid.Row="4" Grid.Column="0"/>
                                              <Label x:Name="EffectiveToDateLabel" Text="07-10-2017" Grid.Row="4" Grid.Column="1"/>
     
                                          </Grid>
     
                                      </StackLayout>
                                      <StackLayout Orientation="Vertical" Grid.Column="1" Margin="5">
                                          <Label x:Name="OrderRefNumberLabel" HorizontalOptions="End" Text="{Binding Path=orderRecord.OrderNo}" HorizontalTextAlignment="End"/>
                                          <Frame x:Name="OrderStatusFrame" HorizontalOptions="FillAndExpand" OutlineColor="Black" VerticalOptions="Start">
                                              <StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand">
                                                  <Label x:Name="OrderDealStatusLabel" FontSize="Large" TextColor="{Binding Path=orderRecord.OrderStatus,Converter={convertor:OrderStatusColorConvertor}}"
                                                         Text="{Binding Path=orderRecord.OrderStatus, Converter={convertor:OrderStatusStringConvertor}}" HorizontalTextAlignment="Center"/>
                                                  <Label x:Name="OrderQuantityStatusLabel" Text="{Binding Path=OrderQuantityStatus}" HorizontalTextAlignment="Center" HorizontalOptions="FillAndExpand"/>
                                                  <Label x:Name="OrderTriggerPriceLabel" Text="成交價 : 46.600" HorizontalTextAlignment="Center" HorizontalOptions="FillAndExpand"/>
                                              </StackLayout>
                                          </Frame>
                                          <StackLayout Orientation="Horizontal" HorizontalOptions="Center" IsVisible="{Binding Path=orderRecord.OrderStatus , Converter={convertor:OrderModificationVisibilityConvertor}}">
                                              <Button x:Name="ModifyOrderButton" Text="{language:TranslateExtension Text=Modify_str}" WidthRequest="80" Clicked="ModifyOrderButton_Clicked"/>
                                              <Button x:Name="CancelOrderButton" Text="{language:TranslateExtension Text=Cancel_str}" WidthRequest="80" Clicked="CancelOrderButton_Clicked"/>
                                          </StackLayout>
                                      </StackLayout>
                                  </Grid>
     
     
                              </telerikListView:ListViewTemplateCell.View>
                          </telerikListView:ListViewTemplateCell>
                      </DataTemplate>
                  </telerikDataControls:RadListView.ItemTemplate>
              </telerikDataControls:RadListView>
          </StackLayout>
  2. Stefan Nenchev
    Admin
    Stefan Nenchev avatar
    665 posts

    Posted 18 Jul 2017 Link to this post

    Hello Jimmy,

    Would it be possible to provide a sample project that shows the undesired behavior as the information you have provided is insufficient for us to replicate the issue? You can raise a ticket and attach the project there or use some third party cloud service so we can have a more detailed look.

    Have a great rest of the week. 

    Regards,
    Stefan Nenchev
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top