Click on Empty Jumplist in Longlistselector

58 views Asked by At

I need to capture the event when user click on empty jumplists, but I've tried the tap event , or put the datatemplate of jumplist in a button and tried click event, but neither of them worked. It's seem like I can't interact with empty section. The Longlistselector only provides 2 method : JumplistOpening and JumplistClosed. So how can I click on the gray jumplist ?

 <phone:LongListSelector x:Name="llsMainSong"                                                
       IsGroupingEnabled="True" HideEmptyGroups="True"                                                
       JumpListStyle="{StaticResource JumpListStyle}"
       GroupHeaderTemplate="{StaticResource GroupHeaderTemplate}"
       ItemsSource="{Binding GroupedMainSongList}">
     .........
 </phone:LongListSelector>


 <Style x:Key="JumpListStyle" TargetType="phone:LongListSelector">
        <Setter Property="GridCellSize"  Value="230,113"/>
        <Setter Property="LayoutMode" Value="Grid" />
        <Setter Property="ItemTemplate">
            <Setter.Value>
                <DataTemplate>
                    <Button Background="LightGray" Height="113" Margin="6" Click="Button_Click">
                        <TextBlock Text="{Binding Title}" FontSize="28" Padding="6" VerticalAlignment="Center"
                                   Style="{StaticResource HelveBoldWhite}"/>
                    </Button>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>

  private void Button_Click(object sender, RoutedEventArgs e)
    {
        Debug.WriteLine("click");  
        // ^ only jumplist which bind to group has data fired the event.         
    }

enter image description here

0

There are 0 answers