WPF在视图中更改ViewModel属性

时间:2012-05-22 07:48:39

标签: wpf mvvm viewmodel

我有一个WPF DataGrid,其中有几个包含Checkbox的模板化列。 如果我按下特定的复选框,则必须设置另一个复选框的来源。

我有一个名为Property的属性的Viewmodel(是的,我知道:)),此属性具有Property" Visible"。 如果我检查"强制性"复选框我想要"可见"要设置的值,因此也可以设置可见的复选框,但不知何故这不起作用。

继承我的代码:

   <toolkit:DataGridTemplateColumn Header="Mandatory" IsReadOnly="False">
        <toolkit:DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                    <CheckBox IsChecked="{Binding Path=Mandatory,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}">
                        <CheckBox.Style>
                            <Style TargetType="{x:Type CheckBox}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Path=MandatoryDB}" Value="True">
                                        <Setter Property="IsEnabled" Value="False" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Path=MandatoryDB}" Value="False">
                                        <Setter Property="IsEnabled" Value="True" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </CheckBox.Style>
                        <i:Interaction.Triggers>
                            <i:EventTrigger EventName="Checked">
                                <ei:ChangePropertyAction TargetObject="{Binding UpdateSourceTrigger=PropertyChanged}" PropertyName="ReadOnly" Value="False" />
                                <ei:ChangePropertyAction TargetObject="{Binding NotifyOnSourceUpdated=True, UpdateSourceTrigger=PropertyChanged}" PropertyName="Visible" Value="True" />
                            </i:EventTrigger>
                        </i:Interaction.Triggers>
                    </CheckBox>
                </StackPanel>
            </DataTemplate>
        </toolkit:DataGridTemplateColumn.CellTemplate>
    </toolkit:DataGridTemplateColumn>

谢谢, 强尼

2 个答案:

答案 0 :(得分:0)

我认为你要做的就是用你的View推动你的业务逻辑,这是一种可怕的反模式。您需要的是,当“强制”复选框的值发生更改时,您的viewmodel需要相应地设置其他属性,并提醒您的视图存在更改(INotifyPropertyChanged)。

您的视图不应设置任何viewmodel属性,它应该只读取它们并传递用户输入,您的视图需要控制的唯一其他内容是转换器和其他仅查看项目。

希望这有帮助

答案 1 :(得分:0)

看看这是否可以帮到你。

假设您要在Datagrid中显示yes,no和ans。为此找到下面的示例代码。

<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Coll}">
    <DataGrid.Columns>
        <DataGridTemplateColumn Header="Yes">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <CheckBox Width="50"
                              Height="50"
                              IsChecked="{Binding Yes,
                                                  Mode=TwoWay,
                                                  UpdateSourceTrigger=PropertyChanged}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="No">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <CheckBox Width="50"
                              Height="50"
                              IsChecked="{Binding No,
                                                  Mode=TwoWay,
                                                  UpdateSourceTrigger=PropertyChanged}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Header="Ans">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Rectangle Width="100"
                               Height="50"
                               RadiusX="25"
                               RadiusY="25">
                        <Rectangle.Style>
                            <Style TargetType="{x:Type Rectangle}">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding Ans}" Value="true">
                                        <Setter Property="Fill" Value="Green" />
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding Ans}" Value="false">
                                        <Setter Property="Fill" Value="Red" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Rectangle.Style>

                    </Rectangle>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

背后的代码

  public partial class YesNoTest : Window
    {
        public YesNoTest()
        {
            InitializeComponent();
            if (Coll == null)
            {
                Coll = new ObservableCollection<Anss>();
                for (int index = 0; index < 10; index++)
                {
                    Coll.Add(new Anss() { Yes = false, No = false, Ans = true });
                }
            }


            this.DataContext = this;
        }

        private ObservableCollection<Anss> _coll;

        public ObservableCollection<Anss> Coll
        {
            get { return _coll; }
            set { _coll = value; }
        }

    }


    public class Anss : INotifyPropertyChanged
    {
        private bool _Yes;

        public bool Yes
        {
            get
            {
                return _Yes;
            }
            set { _Yes = value; OnChanged("Yes"); OnChanged("Ans"); }
        }


        private bool _No;

        public bool No
        {
            get
            {
                if (_No == true)
                    Yes = false;
                return _No;
            }
            set { _No = value; OnChanged("No"); OnChanged("Ans"); }
        }

        private bool _Ans;

        public bool Ans
        {
            get
            {
                if (Yes == true)
                    _Ans = true;
                else
                    _Ans = false;
                return _Ans;
            }
            set { _Ans = value; OnChanged("Ans"); }
        }


        public event PropertyChangedEventHandler PropertyChanged;
        public void OnChanged(string name)
        {
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs(name));
        }
    }