I would like to use a Listview with listboxes in the columns.

Question

3.00/5 (1 vote)

See more:

I am writing a sort/filter control for an application. What I would like is to use a list view to display the filter and to be able to add and remove lines from the filter. I'm still fairly new to WPF so I can believe I've made some obvious mistakes or missed something else that is simple.

my listview as I currently have it in XAML

<ListView HorizontalAlignment="Stretch" Margin="5" Name="lvFilter" VerticalAlignment="Stretch">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Column" Width="220">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <ListBox Name="lbColumnList" ItemsSource="{Binding Path=Name, Source={StaticResource AvailableColumns}}"/>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn Header="Operation" Width="130">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <ListBox Name="lbOperation" ItemsSource="{Binding Path=Value, Source={StaticResource AvailableOperations}}"/>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
            <GridViewColumn Header="Value" Width="250">
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <TextBox Name="txtValue"></TextBox>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
        </GridView>
    </ListView.View>
</ListView>

I'm looking to have 2 dropdowns and a textbox. Each of the listboxes will be bound to a valid list. When looking at a saved filter each 'AND' will have a line with the column the operation and the value ie. COST > 1000.

I'm missing some critical information on how to use the ListView at this level and I haven't found any examples even close. No one has an example of how to use a bound listbox in the template.

Any help or examples would be much appreciated.

Posted 6-Aug-13 4:39am

bowlturner

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Pheonyx · Answer 1 · 2013-08-06T04:50:00

I think your approach is slightly off if I am understanding what you are trying to build.

In essence you want to build a filter builder correct?
So you want to populate a list with the filters

so something like this

Column A | "operator" | value | And/Or
Column B | "operator" | value | And/Or
Column B | "operator" | value |

If that is the case, I would use an item template that is more like this:

ComboBoxA | ComboBoxB | Textbox | ComboboxC

ComboBoxA's datasource is a list of available columns
ComboBoxB's datasource is a list of available operators (which in turn can be filtered based on the datatype of the selected column
ComboBoxC is empty/and/or (empty for when it is the last option) then as soon as And or Or is selected a new entry in the main list can be added.

Does that make sense?

----------------------------------------------------------------

Okay, so this is what I produced, it is a non-working example but it should point you in the right direction.

This is a DataTemplate to be added to your windows resources:

XML

<DataTemplate x:Key="filterEntry" DataType="MyClasses:FilterComponent">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <ComboBox Grid.Column="0" Margin="2" ItemsSource="{Binding Path=ColumnList}" SelectedItem="{Binding Path=Column}" />
                <ComboBox Grid.Column="1" Margin="2" ItemsSource="{Binding Path=OperatorList}" SelectedItem="{Binding Path=Operator}" />
                <TextBox Grid.Column="2" Margin="2" Text="{Binding Path=FilterValue}" />
                <ComboBox Grid.Column="3" Margin="2" ItemsSource="{Binding Path=CombinerOperator.Combiner}" SelectedItem="{Binding Path=Combiner}" />
            </Grid>
        </DataTemplate>

HTML

The purpose of this is you designed a class called "FilterComponent" which has properties:
Column, Operator, FilterValue and Combiner, which together make up a section of the filter.
You then use a template selector / a style on the list which applies this data template when a row is selected (no point having all the controls displayed if it is view mode not edit).

On your view model, you have a property that is an observable collection of "FilterComponents" which make up your filter. This observable collection acts as the items source for the listview/listbox.

You also need properties/enums etc to apply as the items sources on the datatemplate.

Hopefully that should help point you in the right direction. :-)