0

TreeView私は、 aと a の間に何らかの関係を作成する必要がある WPF アプリケーション MVVM パターンに取り組んでいますGrid。アイデアは、ツリーノード ID と等しい ID を持つ行を強調表示することです。

色のプロパティを表示する

 public Brush DisplayColor
    {
        set
        {
            _displayColor = value;
            NotifyPropertyChanged("DisplayColor");
        }

        get { return _displayColor; }

    }

**Select TreeNode value.id** 



    private MessageElementViewModel _selectedMessageElement;
            public MessageElementViewModel SelectedMessageElement
            {
                set
                {
                    if (_selectedMessageElement == value) return;
                    this._selectedMessageElement = value;
                    SearchGrid(value.Id, messageFields);

                }
                get
                {
                    return this._selectedMessageElement;
                }

            }
    // search matching Id in the grid

             public void SearchGrid(int id, ObservableCollection<MessageFieldViewModel> msgField)
            {
                 if (msgField.Any())
                    DisplayColor = msgField.Last().Id == id ? Brushes.CadetBlue : Brushes.Black;
            }

XAML: Call the display color property to highlight a matching id.
DataGrid


 <DataGrid   ItemsSource="{Binding MessageFields}" Margin="4,0,380,6" Grid.Row="2" AutoGenerateColumns="False"  IsReadOnly="True"   SelectedValue="{Binding SelectedMessageField, Mode=TwoWay}"
                    RowBackground="{Binding Path=DisplayColor}">

TreeView:



 <TreeView Margin="644,137,6,6" Grid.RowSpan="2" ItemsSource="{Binding MessageElements[0].Children[0].Children,  Mode=TwoWay}"   
                  SelectedItemChanged="TreeView_OnSelectedItemChanged"
                 SelectedValuePath="Id">

Code Behind for treeview select item;



readonly MainWindowModel _mainWindowModel = new MainWindowModel();

    private void TreeView_OnSelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
    {
        if (_mainWindowModel != null)
            _mainWindowModel.SelectedMessageElement = (MessageElementViewModel)e.NewValue;
    }

編集：

     <DataGrid Name="Datagrid"    ItemsSource="{Binding MessageFields}" Margin="4,0,380,6" Grid.Row="2" AutoGenerateColumns="False"  IsReadOnly="True"   SelectedValue="{Binding SelectedMessageField}"
                            AlternatingRowBackground ="{Binding Path=DisplayColor}" RowBackground="{Binding Path=DisplayColor}" Background="CadetBlue">
                    <DataGrid.Columns >
                        <DataGridTextColumn Header="ID" Binding="{Binding Id}" Width="*"  />      <!--Foreground="{Binding Path=DisplayColor}-->

                        <DataGridTextColumn Header="Code" Binding="{Binding Code}" Width="*" />
                        <DataGridTextColumn Header="Field Name" Binding="{Binding Name}" Width="*" />
                        <DataGridTextColumn Header="Position" Binding="{Binding Position}" Width="*"   />
                        <DataGridTextColumn Header="Length" Binding="{Binding Length}" Width="*"  />
         </DataGrid.Columns>
    </DataGrid>

一致する ID に対して表示色プロパティが機能しないのはなぜですか?

4

2 に答える 2

1

単にトリガーを使用できます

XAML

    <DataGrid.Resources>
        <Style TargetType="{x:Type DataGridRow}">
            <Setter Property="Background" Value="Red"/><!--default color-->
            <Style.Triggers>
                <DataTrigger Binding="{Binding DisplayColor}" Value="Black">
                    <Setter Property="Background" Value="Black"/>
                </DataTrigger>
                <DataTrigger Binding="{Binding DisplayColor}" Value="CadetBlue">
                    <Setter Property="Background" Value="CadetBlue"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </DataGrid.Resources>

あなたDatagrid.ItemsSourceが次のものを含む必要があることを示唆していますList<MyClass>MyClassProperty

public string DisplayColor //don't use Brush
{
    set
    {
        _displayColor = value;
        NotifyPropertyChanged("DisplayColor");
    }

    get { return _displayColor; }

}

詳細な説明はこちら

于 2013-06-17T09:00:08.157 に答える
0

これを解決する方法を見つけたと思いますが、コードビハインドから実行しているため嫌いです。私のVMでそれを行うことができればいいでしょう。

    private void TreeView_OnSelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
    {

        foreach (MessageFieldViewModel item in Datagrid.ItemsSource)
        {
            if (_mainWindowModel != null)
                _mainWindowModel.SelectedMessageElement = (MessageElementViewModel) e.NewValue;


            foreach (MessageFieldViewModel rowItem in Datagrid.ItemsSource)
            {
                var row = Datagrid.ItemContainerGenerator.ContainerFromItem(rowItem) as DataGridRow;
                if (_mainWindowModel.SelectedMessageElement != null)
                    if (rowItem.Id == _mainWindowModel.SelectedMessageElement.Id)

                        row.Background = _mainWindowModel.DisplayColor;

                     else
                    row.Background = Brushes.White;

            }
        }


    }
于 2013-06-14T19:39:10.353 に答える