ボタンでテキストボックスの背景色を更新する方法wpfで

Question

rollnumberとnameを含む2つのテキストボックスがあり、ListBoxに含まれています。クリックするたびにテキストボックス内にデータが追加されるボタンがあります。

私が達成したいのは、ボタンをクリックしたときに、両方のテキストボックスの背景色を緑色に変更する必要があることです。 （このボタンをクリックするたびに、テキストボックスの両方にテキストを追加する新しい行があることを忘れないでください）。

トリガーを使用しようとしましたが、まだ作成できませんでした。以下のコードは次のとおりです。

<Window.Resources> 
     <Style x:Key="buttonColorChange" TargetType="{x:Type Button}"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Click, ElementName=btnClick}" Value="true"> 
        <Setter Property="Background" Value="Green"></Setter> 
       </DataTrigger>     
      </Style.Triggers> 
     </Style> 
    </Window.Resources> 
    <Grid> 

     <ListBox Name="empLB" ItemsSource="{Binding Path=emp}" Height="100" Width="300" VerticalAlignment="Top"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <DockPanel Width="300" >       
         <TextBox Name="txt2" Text="{Binding Path= RollNo}"></TextBox> 
         <TextBox Name="txt1" Text="{Binding Path=Name}"></TextBox> 
        </DockPanel> 
       </DataTemplate> 
      </ListBox.ItemTemplate>    
     </ListBox> 
     <Button Style="{StaticResource buttonColorChange}" Name="btnClick" Height="20" Width="100" Content="click On me" Command="{Binding BtnClick}" ></Button> 
    </Grid> 

緑のボタンをクリックしたときに、テキストボックスの色を変更する方法は？

Answer 1

コメント者と同じように、私はViewModelにそのロジックを入れます。ここに例があります。私はGalaSoft.MvvmLightナゲットパッケージを使用しています。

ビューXAML：

<Window.Resources> 
    <local:BoolToBrushConverter x:Key="boolToColorConv" /> 
</Window.Resources> 
<Grid> 
    <ListBox Name="empLB" ItemsSource="{Binding Path=emp}" Height="100" Width="300" VerticalAlignment="Top"> 
     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <DockPanel Width="300" > 
        <TextBox Name="txt2" 
           Text="{Binding Path= RollNo}" 
           Background="{Binding Path=DataContext.ContainsItems, 
                Converter={StaticResource boolToColorConv}, 
                RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Grid}} }" /> 
        <TextBox Name="txt1" 
           Text="{Binding Path=Name}" 
           Background="{Binding Path=DataContext.ContainsItems, 
                Converter={StaticResource boolToColorConv}, 
                RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Grid}} }" /> 
       </DockPanel> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 
    <Button Name="btnClick" Height="20" Width="100" Content="click On me" Command="{Binding BtnClick}" /> 
</Grid> 

ビューコード：

public partial class RollWindow : Window 
{ 
    public RollWindow() 
    { 
     InitializeComponent(); 
    } 

    private void Window_Loaded(object sender, RoutedEventArgs e) 
    { 
     // You might want to replace this with a ViewModel locator 
     DataContext = new RollsViewModel(); 
    } 
} 

のViewModel：

public class RollsViewModel : ViewModelBase 
{ 
    public ObservableCollection<Item> emp 
    { 
     get; 
     set; 
    } 

    public bool ContainsItems 
    { 
     get { return _containsItems; } 
     set { _containsItems = value; RaisePropertyChanged(); } 
    } 
    private bool _containsItems; 

    public RollsViewModel() 
    { 
     emp = new ObservableCollection<Item>(); 
    } 

    public ICommand BtnClick 
    { 
     get 
     {    
      if (_btnClick == null) 
      { 
       _btnClick = new RelayCommand(() => 
       { 
        // Dummy action, replace with call to model 
        emp.Add(new Item() { Name = "A roll", RollNo = emp.Count }); 
        ContainsItems = emp.Count > 0; 
       }); 
      } 
      return _btnClick; 
     } 
    } 
    private RelayCommand _btnClick;  
} 

public class Item : ViewModelBase 
{ 
    public int RollNo 
    { 
     get { return _rollNo; } 
     set { _rollNo = value; RaisePropertyChanged(); } 
    } 
    private int _rollNo; 

    public string Name 
    { 
     get { return _name; } 
     set { _name = value; RaisePropertyChanged(); } 
    } 
    private string _name; 
} 

コンバータ：

public class BoolToBrushConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     var color = (value is bool && (bool)value) ? System.Windows.Media.Colors.Green : System.Windows.SystemColors.ControlColor; 
     return new SolidColorBrush(color); 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
}