WP7 LongListSelector and ListPicker fixes and new features in the latest build

Thank you

posted by: Dick Heuser on 11/17/2010 10:01:58 PM

Thank you for these four great articles. I appreciate your clear explanations.

Dick

How to install

posted by: Dick Heuser on 11/17/2010 10:04:12 PM

I currently have the November ToolKit installed. To add these improvements do I download the "Change Set" or the whole Toolkit?

Re:How to install

posted by: winphonegeek on 11/17/2010 10:33:17 PM

In order to get the mentioned fixes you will need to:

1.download change set 57505 from: http://silverlight.codeplex.com/SourceControl/changeset/changes/57505

2.build the Microsoft.Phone.Controls.Toolkit project in the PhoneToolkit solution and you will have the undated assembly.

GroupViewOpenedEventArgs not found

posted by: Ian on 12/15/2010 7:24:22 PM

Hi,

I get a GroupViewOpenedEventArgs not found when trying to use the change-set. I've basically copied the 57505 change-set over the November release.

Thanks.

Ian

RE:GroupViewOpenedEventArgs not found

posted by: winphonegeek on 12/16/2010 4:51:36 PM

I was not able to reproduce the issue. You can once again check your dll Path, may be you are using an old version. Here is a link to the toolkit API: http://silverlight.codeplex.com/SourceControl/changeset/view/57505#1355546

There you can see the GroupViewOpenedEventArgs .

You can find/download a sample project that demonstrate the usage of GroupViewOpenedEventArgs here: "Animating the WP7 LongListSelector group items using transitions"

I hope that this will help you.

Scroll to Selected Group not working

posted by: Dick Heuser on 12/17/2010 10:09:52 PM

I have written to code to create a LongListSelector using the techniques that you show here expect that I am using a GroupingLayer in the Linq. It all works well except that upon return from the Group Panel, the display does not scroll to the selected group. If I use the toolkit from Nov 2, it always scrolls to the top. If I use the toolkit from the Silverlight 57505 patch, it always scrolls to the next to the last group. Do you have any idea where I might have made my mistake? Here is some of my code:

    public MainPage()
{
  InitializeComponent();

  dm = new DataManager();
  dm.BuildSampleData();

  //longListEvents.ItemsSource = dm.currentRegimenEvents;

  var selected = from c in dm.currentRegimenEvents
                 group c by c.scheduledDateDisplayable into n
                 select new GroupingLayer<string, RegimenEvent>(n);
  longListEvents.ItemsSource = selected;

  longListEvents.GroupViewClosing += new EventHandler<GroupViewClosingEventArgs>(longListEvents_GroupViewClosing);
}

void longListEvents_GroupViewClosing(object sender, GroupViewClosingEventArgs e)
{
  longListEvents.ScrollToGroup(e.SelectedGroup);
}

            <toolkit:LongListSelector x:Name="longListEvents" Background="Transparent" IsFlatList="False" 
                                  ItemTemplate="{StaticResource eventsItemTemplate}"
                                  GroupHeaderTemplate="{StaticResource groupHeaderTemplate}"
                                  GroupItemTemplate="{StaticResource groupItemTemplate}" 
                                  DisplayAllGroups="False" 
                                  ShowListHeader="False" 
                                  ShowListFooter="False"
                                  >
            <toolkit:LongListSelector.GroupItemsPanel>
                <ItemsPanelTemplate>
                    <toolkit:WrapPanel Background="Black" />
                </ItemsPanelTemplate>
            </toolkit:LongListSelector.GroupItemsPanel>
        </toolkit:LongListSelector>

Thanks, Dick

RE:Scroll to Selected Group not working

posted by: winphonegeek on 12/20/2010 11:08:44 PM

I noticed that you use:

void longListEvents_GroupViewClosing(object sender, GroupViewClosingEventArgs e)

{

longListEvents.ScrollToGroup(e.SelectedGroup);

}

LongListSelector should automatically scroll to the SelectedGroup. If you are not doing animations or anything other that would require manually scrolling to the selected group you should not need to handle this event. In this post:

http://www.windowsphonegeek.com/articles/animating-the-wp7-longlistselector-group-items-using-transitions

we have handled this event so that we can do animation before closing the group view.

Scroll to Selected Group not working

posted by: Dick Heuser on 12/20/2010 11:21:55 PM

I added that "longListEvents.ScrollToGroup(e.SelectedGroup);" in an attempt to get it to scroll to the selected Group but it did not help.

My problem is that it is not automatically scrolling to the selected group. If I use the Nov 2 version of the control, it scrolls to the top when a group is selected from the Group Panel. If I use the updated version of the control, it scrolls to the bottom of the list when a group is selected from the Group Panel. Any idea where I have gone wrong?

Thanks for you help.

Dick

RE:Scroll to Selected Group not working

posted by: winphonegeek on 12/21/2010 5:09:31 PM

Actually the problem is most probably due to the lack of correct override of the Equals method in the GroupingLayer class. If you look at the bellow article again you will notice the following: "Note: I have overridden the Equals(object obj) method."

"http://www.windowsphonegeek.com/articles/wp7-longlistselector-in-depth--part2-data-binding-scenarios"

Here is a sample implementation of the Equals and GetHashCode methods for the GroupingLayer class:

public override bool Equals(object obj)

{

GroupingLayer<TKey, TElement> that = obj as GroupingLayer<TKey, TElement>;

return (that != null) && (this.Key.Equals(that.Key));

}

public override int GetHashCode()

{

return Key.GetHashCode();

}

Scroll to Selected Group not working

posted by: Dick Heuser on 12/23/2010 2:42:38 AM

Yes, that was the problem. Thank you for your help.

Dick