WPF: How to Display Multiple ListViews

[jascam]

I have a WPF window showing three ListViews, each listview can have zero or more items. What we would like is for each ListView to show as many items as possible but not go beyond the bottom of the window.   We've tried putting them in Grids with Auto height but that doesn't limit to the size of the page. If we use * height then they are equally spaced out which is no good if 2 of them have 0 items.   I've even tried to dynamically set the MaxHeight but that only partially works in a very simple example. See MultiListViewTest.7z "https://skydrive.live.com/embedicon.aspx/.Public/MultiListViewTest.7z?cid=da3e430c1a5f3b81&sc=documents"

Migrated CodePlex Work Item Details

CodePlex Work Item ID: '9179' Vote count: '1'

[jascam]

hi doorscomputers,

Thank you for using our code sample request service. I have viewed your SkyDrive's resource about this sample. Can you give me a detailed scenario about how to use this control to complete some applies? althrough these controls your designed are very familiar with the Winform controls,your provided information still less enough to arrange a integrate sample idea to let me submit. Thanks for the additonal information.

Have a good day All-In-One Code Framework http://1code.codeplex.com

This comment was posted by orichisonic on 7/24/2011

[jascam]

Hi orichisonic,

We have multiple scenarios that require this type of UI layout. An example one is where the user selects a customer form combo box at the top of the window and there are a number of lists that the user needs to review before pressing a button to create a job report. The lists, for example are are event details, job details and memo details.

For each customer they could have zero or more of each list item. Now if they have 1 event, 1 memo and 15 job items, then we want the list of event's and memo's to be only 1 item in height and the jobs take up the rest of the window space. Though for another customer who has 10 events, 1 job, and no memos, then we want to space used by the events list.

In basics (without the borders, textblock labels, etc.), at first we had a Grid with 3 Row Definitions of Auto. Each ListView was assigned to a Grid.Row="[number]" section. This worked perfectly until we had a customer who had 10 events, 12 jobs and 20 memos. The jobs only showed half of the list and the memos were off the page.

We currently are using the RowDefinition Width="*" but that only allocates an even space, so that a list of 1 takes up the same space as a list of 20. We also tried making the ListView have a VerticalAlignment="Top" but that didn't change the spacing either.

Please let me know if this is enough information as I can try again to explain it differently as I believe this should be a solvable problem.

• N2Cheval

This comment was posted by N2Cheval on 7/24/2011

[jascam]

This comment was posted by on 2/21/2013