datagridを使用して学生レコード用のC#wpfアプリケーションを作成しています。行のすべてのチェックボックスを選択/選択解除するためにヘッダーにチェックボックスを作成するにはどうすればよいですか?レコードを編集/削除できるように、ワンクリックで行のチェックボックスを選択するにはどうすればよいですか?削除する複数のチェックボックスを選択するにはどうすればよいですか?
2 に答える
コントロール内のプロパティをアイテムのコレクションのプロパティにバインドできるようにする動作を次のように作成しました。
- コントロールのプロパティを変更すると、すべてのアイテムが更新されます。
- アイテムのプロパティを変更した場合、すべてのアイテムが同じプロパティを持っていれば、コントロールはそれを反映します。そうでない場合、コントロールのプロパティにはフォールバック値(nullなど)が与えられます。
この動作により、DataGridヘッダーにチェックボックスを追加し、そのIsCheckedプロパティをDataGridのItemSource、コレクションタイプのプロパティにバインドできます。
MVVMパターンを使用して選択ロジックを処理できます。たとえば、コレクションエンティティには次のViewModelがあります。
public class ItemViewModel : INotifyPropertyChanged
{
#region INotifyPropertyChanged
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged(string propertyName)
{
if (this.PropertyChanged != null)
{
this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
#endregion
private bool isSelected;
public bool IsSelected {
get { return this.isSelected; }
set
{
if (this.isSelected == value)
return;
this.isSelected = value;
this.OnPropertyChanged("IsSelected");
}
}
private string myProperty;
public string MyProperty
{
get { return this.myProperty; }
set
{
if (this.myProperty != value)
{
this.myProperty = value;
this.OnPropertyChanged("MyProperty");
}
}
}
}
次に、MainWindowのロジックを制御するMainViewModelがあります。
public class MainViewModel: INotifyPropertyChanged
{
#region INotifyPropertyChanged
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged(string propertyName)
{
if (this.PropertyChanged != null)
{
this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
}
}
#endregion
#region Items (INotifyPropertyChanged Property)
private ObservableCollection<ItemViewModel> items;
public ObservableCollection<ItemViewModel> Items
{
get { return this.items; }
set
{
if (this.items != value)
{
this.items = value;
this.OnPropertyChanged("Items");
}
}
}
#endregion
public MainViewModel()
{
this.Items = new ObservableCollection<ItemViewModel>();
for (int i = 0; i < 10; i++)
this.Items.Add(new ItemViewModel() { MyProperty = "Item" + i });
}
}
次に、ウィンドウでDataGridを宣言できます。あなたが望むことを達成するために、私たちは次のことをしなければなりません:
- MainViewModelをWindow.DataContextに割り当てます
- DataGrid.ItemsSourceをMainViewModelのItemsプロパティにバインドします
- DataGridの列を定義します。この例では、「IsSelected」列を選択し、指定したとおりに「SelectAll」チェックボックスをヘッダーに追加しましたが、この動作により、選択を制御するためにどこにでもチェックボックスを配置できます。
- 行の選択でアイテムの「IsSelected」プロパティを更新する必要があります。その逆も同様です。そのために、RowStyleを変更して、行の「IsSelected」プロパティをそのアイテムの「IsSelected」にバインドできるようにします。これにより、選択ロジックをViewModelで完全に駆動できるようになりました。
- 最後に行うことは、「SelectAll」チェックボックスにその仕事をさせることです。CollectionPropertyBehaviorを適用し、その「SourcePropertyPath」がバインドするチェックボックスのプロパティ(「IsChecked」)を指し、CollectionPropertyPathがアイテムのプロパティ(「IsSelected」)を指すように構成します。次に、ItemsSourceをDataGridItemsSourceにバインドする必要があります。デフォルト値は「null」であることに注意してください。これは、アイテムのプロパティに異なる値がある場合、CheckBoxが「null」を受け取り、未定義の状態になることを意味します。
最終的なxamlは次のようになります。
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="clr-namespace:WpfApplication2" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" x:Class="WpfApplication2.MainWindow"
Title="MainWindow" mc:Ignorable="d" Height="350" Width="525">
<Window.Resources>
<Style x:Key="DataGridRowStyle" TargetType="{x:Type DataGridRow}">
<Setter Property="IsSelected" Value="{Binding IsSelected}"/>
</Style>
</Window.Resources>
<Window.DataContext>
<local:MainViewModel/>
</Window.DataContext>
<Grid>
<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Items}" CanUserAddRows="False" RowStyle="{DynamicResource DataGridRowStyle}">
<DataGrid.Columns>
<DataGridCheckBoxColumn Binding="{Binding IsSelected}">
<DataGridCheckBoxColumn.Header>
<CheckBox>
<i:Interaction.Behaviors>
<local:CollectionPropertyBehavior CollectionPropertyPath="IsSelected" SourcePropertyPath="IsChecked" ItemsSource="{Binding ItemsSource, RelativeSource={RelativeSource AncestorType={x:Type DataGrid}}}"/>
</i:Interaction.Behaviors>
</CheckBox>
</DataGridCheckBoxColumn.Header>
</DataGridCheckBoxColumn>
<DataGridTextColumn Width="*" Binding="{Binding MyProperty}"/>
</DataGrid.Columns>
</DataGrid>
</Grid>
最後に、動作:
public class CollectionPropertyBehavior : Behavior<DependencyObject>
{
private IEnumerable<ValueProxy> proxies;
private bool syncking;
public string SourcePropertyPath
{
get { return (string)GetValue(SourcePropertyPathProperty); }
set { SetValue(SourcePropertyPathProperty, value); }
}
public static readonly DependencyProperty SourcePropertyPathProperty =
DependencyProperty.Register("SourcePropertyPath", typeof(string), typeof(CollectionPropertyBehavior), new PropertyMetadata(null));
public string CollectionPropertyPath
{
get { return (string)GetValue(CollectionPropertyPathProperty); }
set { SetValue(CollectionPropertyPathProperty, value); }
}
public static readonly DependencyProperty CollectionPropertyPathProperty =
DependencyProperty.Register("CollectionPropertyPath", typeof(string), typeof(CollectionPropertyBehavior), new PropertyMetadata(null));
private IEnumerable<object> Items { get { return this.ItemsSource == null ? null : this.ItemsSource.OfType<object>(); } }
public IEnumerable ItemsSource
{
get { return (IEnumerable)GetValue(ItemsSourceProperty); }
set { SetValue(ItemsSourceProperty, value); }
}
public static readonly DependencyProperty ItemsSourceProperty =
DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(CollectionPropertyBehavior), new PropertyMetadata(null, ItemsSourceChanged));
private object Value
{
get { return (object)GetValue(ValueProperty); }
set { SetValue(ValueProperty, value); }
}
private static readonly DependencyProperty ValueProperty =
DependencyProperty.Register("Value", typeof(object), typeof(CollectionPropertyBehavior), new PropertyMetadata(null, ValueChanged));
public object DefaultValue
{
get { return (object)GetValue(DefaultValueProperty); }
set { SetValue(DefaultValueProperty, value); }
}
public static readonly DependencyProperty DefaultValueProperty =
DependencyProperty.Register("DefaultValue", typeof(object), typeof(CollectionPropertyBehavior), new PropertyMetadata(null));
private static void ValueChanged(object sender, DependencyPropertyChangedEventArgs args)
{
var element = sender as CollectionPropertyBehavior;
if (element == null || element.ItemsSource == null) return;
element.UpdateCollection();
}
private static void ItemsSourceChanged(object sender, DependencyPropertyChangedEventArgs args)
{
var element = sender as CollectionPropertyBehavior;
if (element == null || element.ItemsSource == null) return;
element.ItemsSourceChanged();
}
private void ItemsSourceChanged()
{
this.proxies = null;
if (this.Items == null || !this.Items.Any() || this.CollectionPropertyPath == null) return;
// Cria os proxies
this.proxies = this.Items.Select(o =>
{
var proxy = new ValueProxy();
proxy.Bind(o, this.CollectionPropertyPath);
proxy.ValueChanged += (s, e) => this.UpdateSource();
return proxy;
}).ToArray();
this.UpdateSource();
}
private void UpdateSource()
{
if (this.syncking) return;
// Atualiza o valor
using (new SynckingScope(this))
{
object value = this.proxies.First().Value;
foreach (var proxy in this.proxies.Skip(1))
{
value = object.Equals(proxy.Value, value) ? value : this.DefaultValue;
}
this.Value = value;
}
}
private void UpdateCollection()
{
// Se o valor estiver mudando em função da atualização de algum
// elemento da coleção, não faz nada
if (this.syncking) return;
using (new SynckingScope(this))
{
// Atualiza todos os elementos da coleção,
// atrávés dos proxies
if (this.proxies != null)
foreach (var proxy in this.proxies)
proxy.Value = this.Value;
}
}
protected override void OnAttached()
{
base.OnAttached();
// Bind da propriedade do objeto fonte para o behavior
var binding = new Binding(this.SourcePropertyPath);
binding.Source = this.AssociatedObject;
binding.Mode = BindingMode.TwoWay;
BindingOperations.SetBinding(this, ValueProperty, binding);
}
protected override void OnDetaching()
{
base.OnDetaching();
// Limpa o binding de value para a propriedade do objeto associado
this.ClearValue(ValueProperty);
}
internal class SynckingScope : IDisposable
{
private readonly CollectionPropertyBehavior parent;
public SynckingScope(CollectionPropertyBehavior parent)
{
this.parent = parent;
this.parent.syncking = true;
}
public void Dispose()
{
this.parent.syncking = false;
}
}
internal class ValueProxy : DependencyObject
{
public event EventHandler ValueChanged;
public object Value
{
get { return (object)GetValue(ValueProperty); }
set { SetValue(ValueProperty, value); }
}
public static readonly DependencyProperty ValueProperty =
DependencyProperty.Register("Value", typeof(object), typeof(ValueProxy), new PropertyMetadata(null, OnValueChanged));
private static void OnValueChanged(object sender, DependencyPropertyChangedEventArgs args)
{
var element = sender as ValueProxy;
if (element == null || element.ValueChanged == null) return;
element.ValueChanged(element, EventArgs.Empty);
}
public void Bind(object source, string path)
{
// Realiza o binding de value com o objeto desejado
var binding = new Binding(path);
binding.Source = source;
binding.Mode = BindingMode.TwoWay;
BindingOperations.SetBinding(this, ValueProperty, binding);
}
}
}
このアプローチの利点は、完全に再利用できることです。この例では、これを使用して選択を処理しましたが、ItemViewModelのenumプロパティをヘッダーのComboBoxなどにバインドすることもできます。
この動作は私のSilverlight4プロジェクトから移植されましたが、テストしたところ、WPFアプリケーションで正常に機能しました。ただし、WPFでは、動作をMarkupExtensionに適応させるより優れたアプローチに到達できる可能性があると思います。時間があればそれを見てみるかもしれません。さらに、選択されたアイテムがある場合はそれらを更新し、ない場合はすべてを更新するように、SelectedItemsにバインドできるように調整することもできます。
次のようにsthを使用します。
DataGridCheckBoxColumn cbc = new DataGridCheckBoxColumn();
dataGrid.Columns.Add(cbc);
CheckBox cb = new CheckBox();
cbc.Header = cb;
とハンドルChecked
とUnChecked
イベント:
cb.Checked+=new RoutedEventHandler(cb_Checked);
cb.Unchecked+=new RoutedEventHandler(cb_Unchecked);