87

While it is trivial to store a checkbox's checked state in a variable using the checkbox's Click event, how would I do it via databinding? All the examples I have found have the UI updated from some datasource, or bind one control to another; I want to update a member variable when the checkbox is clicked.

TIA for any pointers...

4

6 に答える 6

97

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

<checkbox IsChecked="{Binding Path=MyProperty, Mode=TwoWay}"/>
于 2009-05-15T19:19:38.463 に答える
57

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

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 パラメーターで使用する必要があります。

このコードでは、コード側でプロパティを変更するたびに、テキスト ボックスが変更されます。また、テキストボックスをチェック/チェック解除するたびに、依存関係プロパティも変更されます。

編集：

依存関係プロパティを作成する簡単な方法は、スニペット 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 プロパティだけであることに注目してください。ラベルとチェックボックスの両方がそれにバインドされています。チェックボックスが変更されると、ラベルも変更されます。

于 2009-05-15T20:33:55.853 に答える
17

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

public bool Checked { get; set; }

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

cb1.DataContext = this;

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

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());
    }
}
于 2015-06-02T18:49:06.373 に答える
4

データクラスにプロパティ「MyProperty」がある場合、次のように IsChecked をバインドします.... (コンバーターはオプションですが、必要になる場合もあります)

<Window.Resources>
<local:MyBoolConverter x:Key="MyBoolConverterKey"/>
</Window.Resources>
<checkbox IsChecked="{Binding Path=MyProperty, Converter={StaticResource MyBoolConverterKey}}"/>
于 2009-05-15T18:46:32.273 に答える
3

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

<Checkbox IsChecked="{Binding Path=myVar, UpdateSourceTrigger=PropertyChanged}" />
于 2014-06-11T20:27:43.800 に答える
2

これは私にとってはうまくいきます（必須コードのみが含まれており、必要に応じてさらに入力してください）：

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"));
            }
        }
    }
}
于 2015-06-24T14:32:51.253 に答える