web-dev-qa-db-ja.com

WPFチェックボックスバインディング

チェックボックスのClickイベントを使用してチェックボックスのチェック状態を変数に保存するのは簡単ですが、データバインディングを介してどうすればよいですか？私が見つけたすべての例では、あるデータソースからUIを更新したり、あるコントロールを別のコントロールにバインドしたりしています。チェックボックスがクリックされたときにメンバー変数を更新したい。

ポインターのTIA ...

c#wpfxamldata-bindingcheckbox
71
Number8

これには依存関係プロパティが必要です。

public BindingList<User> Users
{
    get { return (BindingList<User>)GetValue(UsersProperty); }
    set { SetValue(UsersProperty, value); }
}

public static readonly DependencyProperty UsersProperty =
    DependencyProperty.Register("Users", typeof(BindingList<User>), 
      typeof(OptionsDialog));

それが完了したら、チェックボックスを依存関係プロパティにバインドします。

<CheckBox x:Name="myCheckBox"
          IsChecked="{Binding ElementName=window1, Path=CheckBoxIsChecked}" />

そのためには、開始タグでWindowまたはUserControlに名前を付け、ElementNameパラメーターでその名前を使用する必要があります。

このコードでは、コード側でプロパティを変更するたびに、テキストボックスが変更されます。また、テキストボックスをオン/オフにすると、Dependencyプロパティも変更されます。

編集：

依存関係プロパティを作成する簡単な方法は、スニペットpropdpを入力することです。これにより、依存関係プロパティの一般的なコードが表示されます。

すべてのコード：

XAML：

<Window x:Class="StackOverflowTests.Window1"
    xmlns="http://schemas.Microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.Microsoft.com/winfx/2006/xaml"
    Title="Window1" x:Name="window1" Height="300" Width="300">
    <Grid>
        <StackPanel Orientation="Vertical">
            <CheckBox Margin="10"
                      x:Name="myCheckBox"
                      IsChecked="{Binding ElementName=window1, Path=IsCheckBoxChecked}">
                Bound CheckBox
            </CheckBox>
            <Label Content="{Binding ElementName=window1, Path=IsCheckBoxChecked}"
                   ContentStringFormat="Is checkbox checked? {0}" />
        </StackPanel>
    </Grid>
</Window>

C＃：

using System.Windows;

namespace StackOverflowTests
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public bool IsCheckBoxChecked
        {
           get { return (bool)GetValue(IsCheckBoxCheckedProperty); }
           set { SetValue(IsCheckBoxCheckedProperty, value); }
        }

        // Using a DependencyProperty as the backing store for 
         //IsCheckBoxChecked.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty IsCheckBoxCheckedProperty =
            DependencyProperty.Register("IsCheckBoxChecked", typeof(bool), 
            typeof(Window1), new UIPropertyMetadata(false));

        public Window1()
        {             
            InitializeComponent();
        }
    }
}

唯一のコードビハインドがDependencyプロパティであることに注意してください。ラベルとチェックボックスの両方がバインドされています。チェックボックスが変更されると、ラベルも変更されます。

50
Carlo

バインディングを双方向にする必要があります。

<checkbox IsChecked="{Binding Path=MyProperty, Mode=TwoWay}"/>
71
Thomas Levesque

こんにちは、これは私の初めての投稿ですので、辛抱してください：私の答えは単純なプロパティを作成することでした：

public bool Checked { get; set; }

次に、チェックボックス（cb1と呼ばれる）のデータコンテキストを設定します。

cb1.DataContext = this;

次に、xamlでIsCheckedプロパティをバインドします

IsChecked="{Binding Checked}"

コードは次のとおりです。

XAML

<CheckBox x:Name="cb1"
          HorizontalAlignment="Left"
          Margin="439,81,0,0"
          VerticalAlignment="Top"
          Height="35" Width="96"
          IsChecked="{Binding Checked}"/>

コードビハインド

public partial class MainWindow : Window
{
    public bool Checked { get; set; }

    public MainWindow()
    {
        InitializeComponent();

        cb1.DataContext = this;
    }

    private void myyButton_Click(object sender, RoutedEventArgs e)
    {
        MessageBox.Show(Checked.ToString());
    }
}
11
abraham camhy

データクラスにプロパティ "MyProperty"がある場合、IsCheckedをこのようにバインドします。..（コンバーターはオプションですが、必要な場合があります）

<Window.Resources>
<local:MyBoolConverter x:Key="MyBoolConverterKey"/>
</Window.Resources>
<checkbox IsChecked="{Binding Path=MyProperty, Converter={StaticResource MyBoolConverterKey}}"/>
4
Muad'Dib

相互に排他的な2つのチェックボックスのIsCheckedプロパティへの単純なデータバインディングの例を示す投稿があります。

http://www.helplessautomation.com/2011/01/wpf-coding-mutually-exclusive-check-boxes-with-data-binding/

お役に立てば幸いです。

1
ElMatador

これは私のために機能します（必須コードのみが含まれています、あなたのニーズに合わせてもっと記入してください）：

XAMLでは、ユーザーコントロールが定義されています。

<UserControl x:Class="Mockup.TestTab" ......>
    <!-- a checkbox somewhere within the control -->
    <!-- IsChecked is bound to Property C1 of the DataContext -->
    <CheckBox Content="CheckBox 1" IsChecked="{Binding C1, Mode=TwoWay}" />
</UserControl>

UserControlのコードビハインド

public partial class TestTab : UserControl
{
    public TestTab()
    {
        InitializeComponent();  // the standard bit

    // then we set the DataContex of TestTab Control to a MyViewModel object
    // this MyViewModel object becomes the DataContext for all controls
         // within TestTab ... including our CheckBox
         DataContext = new MyViewModel(....);
    }

}

ソリューションクラスMyViewModelのどこかで定義されています

public class MyViewModel : INotifyPropertyChanged 
{
    public event PropertyChangedEventHandler PropertyChanged;
    private bool m_c1 = true;

    public bool C1 {
        get { return m_c1; }
        set {
            if (m_c1 != value) {
                m_c1 = value;
                if (PropertyChanged != null)
                    PropertyChanged(this, new PropertyChangedEventArgs("C1"));
            }
        }
    }
}
1
pjm

それよりも簡単なはずです。ただ使用する：

<Checkbox IsChecked="{Binding Path=myVar, UpdateSourceTrigger=PropertyChanged}" />
1
Tim W