WPF флажок привязки - PullRequest
       21

WPF флажок привязки

70 голосов
/ 15 мая 2009

Хотя хранить отмеченное состояние флажка в переменной тривиально, используя событие Click флажка, как мне это сделать с помощью привязки данных? Все примеры, которые я нашел, обновили пользовательский интерфейс из какого-либо источника данных или привязали один элемент управления к другому; Я хочу обновить переменную-член, когда установлен флажок.

TIA для любых указателей ...

Ответы [ 7 ]

68 голосов
/ 15 мая 2009

Вы должны сделать вашу привязку двунаправленной:

<checkbox IsChecked="{Binding Path=MyProperty, Mode=TwoWay}"/>
49 голосов
/ 16 мая 2009

Для этого вам нужно свойство зависимости:

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.

С этим кодом при каждом изменении свойства на стороне кода вы будете изменять текстовое поле. Кроме того, всякий раз, когда вы устанавливаете или снимаете флажок в текстовом поле, свойство зависимости также изменяется.

EDIT:

Простой способ создать свойство зависимости - набрать фрагмент 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();
        }
    }
}

Обратите внимание, что единственным кодом позади является свойство зависимости. И ярлык, и флажок привязаны к нему. Если флажок меняется, метка тоже меняется.

9 голосов
/ 02 июня 2015

Здравствуйте, это мой первый раз, поэтому, пожалуйста, будьте терпеливы: Мой ответ состоял в том, чтобы создать простое свойство:

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());
    }
}
4 голосов
/ 15 мая 2009

если у вас есть свойство "MyProperty" в вашем классе данных, то вы привязываете IsChecked следующим образом .... (конвертер необязателен, но иногда вам это нужно)

<Window.Resources>
<local:MyBoolConverter x:Key="MyBoolConverterKey"/>
</Window.Resources>
<checkbox IsChecked="{Binding Path=MyProperty, Converter={StaticResource MyBoolConverterKey}}"/>
1 голос
/ 24 июня 2015

Это работает для меня (необходим только код, заполните больше для ваших нужд):

В 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 голос
/ 12 июня 2014

Должно быть проще, чем это. Просто используйте:

<Checkbox IsChecked="{Binding Path=myVar, UpdateSourceTrigger=PropertyChanged}" />
1 голос
/ 24 января 2011

Здесь приведен пример простой привязки данных к свойству IsChecked двух флажков, которые являются взаимоисключающими.

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

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...