WPF Listbox multiple selection with CheckBox in template

Question

I have a listbox with a datatemplate that contains a checkbox and textblock. How do I get the multiselection working with the checkbox in the template so that selection is based on the isChecked property of the checkbox? The need I have is to have a dropdown with checkboxes that could cater for multiselection. This is what I have sofar. Please feel free to give suggestions on where I could better this code as this is the whole point.

enter image description here

XAML:

     <DataTemplate x:Key="WorkCentreItem">
            <StackPanel Orientation="Horizontal">
                <CheckBox Content="{Binding WorkCentre}" IsChecked="{Binding IsChecked}"/>
                <TextBlock Text=" -  "/>
                <TextBlock Text="{Binding Description}"/>
            </StackPanel>
        </DataTemplate>

     <telerik:RadListBox 
        SelectionMode="Multiple" 
        Grid.Row="2" 
        Grid.ColumnSpan="2" 
        Grid.RowSpan="1" 
        Margin="-1,20,0,3"
        ItemsSource="{Binding SampleWorkCentres}"
        ItemTemplate="{StaticResource WorkCentreItem}" 
        ScrollViewer.CanContentScroll="True"
        SelectionChanged="RadListBox_SelectionChanged">         
    </telerik:RadListBox>

Model:

    #region SampleWorkCentres
    public const string SampleWorkCentresPropertyName = "SampleWorkCentres";
    private ObservableCollection<BomWorkCentre> _sampleWorkCentres;
    public ObservableCollection<BomWorkCentre> SampleWorkCentres
    {
        get
        {
            if (this._sampleWorkCentres == null)
            {
                using (SysproKitIssueEntities db = new SysproKitIssueEntities())
                {
                    this._sampleWorkCentres = new ObservableCollection<BomWorkCentre>(db.BomWorkCentres.Select(x => x).Distinct().ToList());
                }
            }
            return this._sampleWorkCentres;
        }

        set
        {
            if (this._sampleWorkCentres == value)
            {
                return;
            }
            this._sampleWorkCentres = value;
            this.RaisePropertyChanged(SampleWorkCentresPropertyName);
        }
    }
    #endregion

    #region SelectedWorkCentres
    public const string SelectedWorkCentresPropertyName = "SelectedWorkCentres";
    private ObservableCollection<BomWorkCentre> _selectedWorkCentres = new ObservableCollection<BomWorkCentre>();
    public ObservableCollection<BomWorkCentre> SelectedWorkCentres
    {
        get
        {
            return this._selectedWorkCentres;
        }

        set
        {
            if (this._selectedWorkCentres != value)
            {
                this._selectedWorkCentres = value;
            }
            this._sampleGridItems = null;
            this.RaisePropertyChanged(SampleGridItemsPropertyName);
            this.RaisePropertyChanged(SelectedWorkCentresPropertyName);
        }
    }
    #endregion

can you not use radGridView and have a selection column instead ? — Muds
– Muds, Commented Mar 2, 2015 at 8:46
that was my first thought but I do not have that much space available on the ui for it and the selection column clutters the interface — Ruvo
– Ruvo, Commented Mar 2, 2015 at 9:03

Sheridan · Accepted Answer · 2015-03-02 08:56:27Z

4

You should data bind the Checkbox.IsChecked to the ListBoxItem.IsSelected Property using a RelativeSource Binding:

<CheckBox Content="{Binding WorkCentre}" IsChecked="{Binding IsSelected, 
    RelativeSource={RelativeSource AncestorType={x:Type ListBoxItem}}}" />

answered Mar 2, 2015 at 8:56

Sheridan

70.1k24 gold badges151 silver badges193 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ruvo Over a year ago

the binding IsSelected, must that be property of item type the listbox displays? getting object reference not set to an instance of object

Sheridan Over a year ago

I don't understand your question. You're supposed to be data binding one control property to another... you're not declaring any properties here.

Collectives™ on Stack Overflow

WPF Listbox multiple selection with CheckBox in template

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related