web-dev-qa-db-ja.com

チェックボックス付きのWPF ComboBoxを探しています

私のグーグルスキルは私を失敗させます。誰もがWPFのようなコントロールを聞いたことがあります。このように見えるようにしようとしています(winformsスクリーンショット)。

代替テキストhttp://www.angryhacker.com/toys/up.png

34
AngryHacker

これを行うには、コンボボックスのDataTemplateを設定します。 この記事 はリストボックスの場合の方法を示していますが、原則は同じです。


別の記事 here は、おそらくあなたがやろうとしていることにより適しています。アイテムテンプレートの最初の列をチェックボックスに設定し、ビジネスオブジェクトのブールにバインドするだけです。

<ComboBox.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal">
            <CheckBox IsChecked="{Binding IsSelected}"
                       Width="20" />
            <TextBlock Text="{Binding DayOfWeek}"
                       Width="100" />
        </StackPanel>
    </DataTemplate>
</ComboBox.ItemTemplate>
56
Martin Harris

私のコンボボックスがあります。 Martin Harrisコードとこのリンクのコードを使用します WPF ComboBoxは、選択範囲がnullのときに代替テキストを表示できますか?

<ComboBox Name="cbObjects" Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" Margin="2,2,6,0" SelectionChanged="OnCbObjectsSelectionChanged" >
    <ComboBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <CheckBox IsChecked="{Binding IsSelected}" Width="20" VerticalAlignment="Center" Checked="OnCbObjectCheckBoxChecked" Unchecked="OnCbObjectCheckBoxChecked" />
                <TextBlock Text="{Binding ObjectData}" VerticalAlignment="Center" />
            </StackPanel>
        </DataTemplate>
    </ComboBox.ItemTemplate>
</ComboBox>
<TextBlock IsHitTestVisible="False" Name="tbObjects" Text="Выберите объекты..." Grid.Column="1" Grid.Row="1" VerticalAlignment="Center" Margin="6,2,6,0" />

データソースの小さなクラス:

public class SelectableObject <T> {
    public bool IsSelected { get; set; }
    public T ObjectData { get; set; }

    public SelectableObject(T objectData) {
        ObjectData = objectData;
    }

    public SelectableObject(T objectData, bool isSelected) {
        IsSelected = isSelected;
        ObjectData = objectData;
    }
}

また、2つのハンドラーがあります-1つはクリックされたCheckBoxを処理するため、もう1つはComboBoxのテキストを形成するためのものです。

private void OnCbObjectCheckBoxChecked(object sender, RoutedEventArgs e) {
        StringBuilder sb = new StringBuilder();
        foreach (SelectableObject<tblObject> cbObject in cbObjects.Items)
            if (cbObject.IsSelected)
                sb.AppendFormat("{0}, ", cbObject.ObjectData.Description);
        tbObjects.Text = sb.ToString().Trim().TrimEnd(',');
    }

    private void OnCbObjectsSelectionChanged(object sender, SelectionChangedEventArgs e) {
        ComboBox comboBox = (ComboBox)sender;
        comboBox.SelectedItem = null;
    }

ComboBox.ItemsSourceに使用する

ObservableCollection<SelectableObject<tblObject>> 

ここで、tblObjectはオブジェクトのタイプで、ComboBoxに表示するリストです。

このコードが誰かに役立つことを願っています!

19
Sergey

CheckComboBox from Extended WPF Toolkit を試してください。私にとっての主な利点は、バインド用のリストが2つあることです。

  • 選択可能なすべてのアイテム
  • 選択したアイテム

このアプローチはより実用的です。さらに、バインドするコレクションのvalueおよびdisplayメンバーを指定できます。

CheckComboBoxを使用して他のコントロールの束を持ちたくない場合は、 ソースコード を取得できます。かなり簡単です( セレクタクラス も)。

7
Alex Klaus