ItemsControl within WrapPanel vs ListBox within WrapPanel - c#

Background: I have a WrapPanel with Vertical Orientation that I want to put up to 40 "items" in. Each "item" within the WrapPanel will contain a combination of buttons and expandable lists in a 5x6 grid format. I need to be able to select each "item" within the WrapPanel so it brings up a dialogue box where the user can click the buttons and edit the expandable lists for that "item".
Question: I understand that the main difference between ItemsControl and ListBox is that the entities inside a ListBox are selectable while the ones in ItemsControl are not, however I do not need to select values inside my ItemsControl or ListBox until my dialogue appears, so I'm not sure if it would be best to use the ItemsControl or ListBox in this situation. Which ListControl would be best for my situation?

If your root items should be selectable you would probably want a ListBox whose ItemsPanel is a WrapPanel. If you don't need actual selection (i.e. it does not matter that items automatically deselect, or that operations are executed on the set of selected items) you can just use an ItemsControl with a WrapPanel as ItemsPanel and use a big Button as the root of your ItemTemplate (to trigger the dialog).

Related

Update DataTemplate for a specific item on a listbox on Windows Phone 8 C#

I'm not being able to update a single item's DataTemplate on a list during runtime. In detail, here is what I'm trying to accomplish.
I have a Listbox where the items can have different states (Collapsed, expanded, disabled, etc), each with a different layout. I'm using a TemplateSelector to choose the correct DataTemplate according to a property on my class and that's working all great when I first create the list, the items are shown properly. However, when I change the property that sets the DataTemplate in runtime, the NotifyPropertyChanged is called and the information of the item is updated on the list, but not the DataTemplate. For example: I have a collapsed item with a label X that i want to expand. I click on the item and the label changes to Y but the DataTemplate doesn't update.
Any idea on how I can do this? Can't the DataTemplate be updated during runtime unless it is for the whole list?
I'll appreciate any help.
Make UserControl and use it inside your data template. Now, to change the state you can call methods on this UserControl and it will update. You can use animations via storyboard too.

Virtualize WPF Grid bound to composite collection

I have a Listview that uses a grid for its ItemsPanel instead of a stackpanel (a stackpanel won't suffice).
The ItemsSource of a grid is bound to a CompositeCollection of various items; and the items, of different classes, are not ordered (i.e., first item is not necessarily in 1st row/ 1st column; it's possible that last item in the list may physically be found on the top row of the grid).
So now I am not able to use VirtualizingStackPanel,... when I check Snoop, the ListView lists all items in the ItemsSource even when they're not visible.
Question: Is there a way to virtualize contents inside of the grid?

Accommodate custom item on winrt listview

I'm developing windows metro app. In my application, I've one Listview with wrapgrid in itemspanel to display list of items on vertical rows with specific height. I want to display one item on top of the first column of list view, which shows result/stats of list items.
I would like to know if it is possible without adding custom item to datasource of listview?
ListView has a Header property in which you can Place content before the ListViews Items.
As commented, I've implemented following solution which is not elegant but worked for me.
Use Datasource converter to add dummy item in main list. So, my original list remains as is.
Use Template Selector to bind different template for first item.
Handle Selection and clicked event of dummy item.

Getting the Selected Item among items present in Grid

I am implementing a Media Player application using WPF. I want to display a List Screen where the user can select the video from a list.
I want to display the videos in a list horizontally(without scrollbars so not using ListView) where each item consists of a thumbnail, title and duration.
Now I also want to obtain which item was clicked on so as to play the correct video. I tried to display the items in a WrapPanel which sufficed for display but doesnt have a SelectedIndex property.
Will a Grid be helpful in this regard? If yes then how do I obtain which item was selected in the Grid?
Use a ListBox.
WPF UI elements keep their appearance separate from their functionality. If you want a list of items where you can select one, use a ListBox. If you want to customize how it looks, simply change its Template.
Grid, WrapPanel, StackPanel and the like are just Panel UI element which are used for Layout. They don't derive from Selector and thus don't have any item selection features.
Since you didn't post any relevant XAML in your question, I'll not post any relevant XAML in my answer.

Populating a panel with selected items from a grid in WPF

I have a DataGrid with a bunch of rows representing items in my system. I want that each time a user selects an item in the grid (the user is allowed to select multiple items) the item will be added to a StackPanel and have its own datatemplate using an Expander to display its data.
Can anyone help me do this in WPF?
Thanks!
John.
I wouldn't use a StackPanel, but an ItemsControl, and bind its ItemsSource to the DataGrid's SelectedItems. However, at the moment I'm not sure whether SelectedItems has change notification. If not, you might have to use a CollectionViewSource in between, and call CollectionViewSource.Refresh during the DataGrid.SelectionChanged event.

Categories