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

Listview cannot show all items?

1 Answer 247 Views
ListView
This is a migrated thread and some comments may be shown as answers.
Jimmy
Top achievements
Rank 1
Jimmy asked on 14 Jul 2017, 03:30 AM

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>

1 Answer, 1 is accepted

Sort by
0
Stefan Nenchev
Telerik team
answered on 18 Jul 2017, 11:47 AM
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
Tags
ListView
Asked by
Jimmy
Top achievements
Rank 1
Answers by
Stefan Nenchev
Telerik team
Share this question
or