Select Item in list view on clicking a button inside a list view item

Question

0.00/5 (No votes)

See more:

I have a ListView, where each list view item will contain a Label and a Button. On clicking on the button, the respective ListView Item should be selected.

I have created a Data Template to keep the Label and Button for the List view items.

How can I achieve this, I tried by using ICollectionView. But I was not able to achieve the required functionality.

XML

<Window.Resources>
<DataTemplate x:Key="dt2">
            <StackPanel Orientation="Horizontal">
                <Label Content="{Binding Path=FirstName}"/>
                <Button Content="Show" Command="{Binding RelativeSource = {RelativeSource    FindAncestor, AncestorType={x:Type ListView}}, Path=DataContext.ShowCustomer}"/>
            </StackPanel>
        </DataTemplate>
</Window.Resources>

<ListView ItemsSource="{Binding Path=Customers}" ItemTemplate="{StaticResource ResourceKey=dt2}" SelectedItem="{Binding CurrentCustomerToBeShown}" IsSynchronizedWithCurrentItem="True"/>

Posted 24-Oct-13 21:14pm

Ramana Bellary

Add a Solution

Comments

Alexander Dymshyts 25-Oct-13 3:54am

You need on button click show new listview with customer info, right?

3 solutions

Solution 3

Hello

If you don't mind do some code-behind, this does the job too:

C#

lb.PreviewMouseLeftButtonDown += (MouseButtonEventHandler)(
    (o, e) => {
        ListViewItem lbItem = UITools.FindAncestor<listviewitem>(e.OriginalSource as DependencyObject) as ListViewItem;
        bool isListViewItem = lbItem != null;
        bool isButtonClicked = UITools.FindAncestor<button>(e.OriginalSource as DependencyObject) is Button;
        if (isListViewItem )
        {
            if (isButtonClicked)
                lbItem.SetValue(ListBoxItem.IsSelectedProperty, true);
            else e.Handled = true; //Handled means will not pass to ListView for selection.
        }                    
    });

FindAncenstor method: from UITools.cs[^]

C#

public static T FindAncestor<t>(DependencyObject obj) where T : DependencyObject
{
    while (obj != null)
    {
        T o = obj as T;
        if (o != null)
            return o;
        obj = VisualTreeHelper.GetParent(obj);
    }
    return default(T);
}</t>

Regards
Joseph Leung

Posted 8-Nov-13 4:33am

Leung Yat Chun

Updated 8-Nov-13 4:36am

v3

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)

Mahesh From Hyderabad · Accepted Answer · 2013-10-28T21:55:00

Try this..

XML

<ListView ItemsSource="{Binding Path=List}" ItemTemplate="{StaticResource ResourceKey=dt2}" SelectedItem="{Binding CurrentCustomerToBeShown}" IsSynchronizedWithCurrentItem="True">
            <ListView.Resources>
                <Style TargetType="ListViewItem">
                    <Style.Triggers>
                        <Trigger Property="IsKeyboardFocusWithin" Value="True">
                            <Setter Property="IsSelected" Value="True"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListView.Resources>
        </ListView>

Ramana Bellary · Accepted Answer · 2013-11-07T23:21:00

HI Mahesh thanks for the solution, every thing is working fine but it not working for the first item in the ListView. The first is not getting selected on clicking button.

How can I apply the same for a TabControl ?

C#

<TabControl ItemsSource="{Binding CurrentlyShownCustomers}" SelectedItem="{Binding CurrentCustomer}" Grid.Column="1">
            <TabControl.ItemTemplate>
                <DataTemplate>
                    <ListView ItemsSource="{Binding CurrentlyShownCustomers}">
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding FirstName}"/>
                            <Button Height="20" Width="20" Content="X" Grid.Column="1" Command="{Binding RelativeSource={RelativeSource FindAncestor, 
                                AncestorType={x:Type TabControl}}, Path=DataContext.CloseTabItem}"/>
                        </StackPanel>
                    </ListView>
                </DataTemplate>
</TabControl>

Select Item in list view on clicking a button inside a list view item

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0