0

これは少し奇妙に思えます: その行のボタンがクリックされたときに行を削除するボタン列を持つ Datagrid があります。しかし、Datagrid SelectionUnit="Cell" を設定すると、ボタン列が無効になり、ボタンをクリックできなくなります。

なぜこれが起こるのか、列の無効化動作を回避する方法を教えてもらえますか?

問題を再現する XAML を次に示します。SelectionUnit="Cell" を追加および削除して、動作の変更を確認します。

<Window.Resources>
    <local:DummyCollection x:Key="stringCollection">
        <local:Dummy x="1" y="2" z="3" />
        <local:Dummy x="4" y="5" z="6" />
        <local:Dummy x="7" y="8" z="9" />
    </local:DummyCollection>
</Window.Resources>

<StackPanel>
    <DataGrid ItemsSource="{Binding Source={StaticResource stringCollection}}" AutoGenerateColumns="False" SelectionUnit="Cell">
        <DataGrid.Columns>
            <DataGridTextColumn x:Name="a" Binding="{Binding Path=x}" Header="a" />
            <DataGridTextColumn x:Name="b" Binding="{Binding Path=y}" Header="b" />
            <DataGridTextColumn x:Name="c" Binding="{Binding Path=z}" Header="c" />
            <DataGridTemplateColumn  x:Name="deleteButtonColumn" Header="D">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Button Command="Delete" >D</Button>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>
</StackPanel>

これを Window の分離コードに追加します。

public class Dummy
{
    public string x { get; set; }
    public string y { get; set; }
    public string z { get; set; }
}
public class DummyCollection : ObservableCollection<Dummy> { }
4

1 に答える 1

1

設定との違いはわかりませSelectionUnit="Cell"んSelectionUnit="FullRow"。コマンドプロパティがコマンドにバインドされていないため、どちらも機能しません。

ボタンのCommandプロパティをの実装にバインドする必要がありますICommand。これは、MVVMLightのRelayCommandを使用したコードに基づく例です。

<Window.DataContext>
    <local:ViewModel/>
</Window.DataContext>
<StackPanel>
    <DataGrid ItemsSource="{Binding Items}" 
              AutoGenerateColumns="False" SelectionUnit="Cell">
        <DataGrid.Columns>
            <DataGridTextColumn x:Name="a" Binding="{Binding Path=x}" Header="a" />
            <DataGridTextColumn x:Name="b" Binding="{Binding Path=y}" Header="b" />
            <DataGridTextColumn x:Name="c" Binding="{Binding Path=z}" Header="c" />
            <DataGridTemplateColumn  x:Name="deleteButtonColumn" Header="D">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Button Command="{Binding Path=DataContext.Delete, 
                                RelativeSource={RelativeSource Mode=FindAncestor, 
                                AncestorType={x:Type DataGrid}}}" 
                                CommandParameter="{Binding}">D</Button>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>
</StackPanel>

public class Dummy
{
    public string x { get; set; }
    public string y { get; set; }
    public string z { get; set; }

    public override string ToString()
    {
        return string.Format("x:{0}, y:{1}, z:{2}", x, y, z);
    }
}

public class DummyCollection : ObservableCollection<Dummy> { } 

public class ViewModel
{
    public ViewModel()
    {
        Items = new DummyCollection
            {
                new Dummy {x = "1", y = "2", z = "3"},
                new Dummy {x = "4", y = "5", z = "6"},
                new Dummy {x = "7", y = "8", z = "9"},
            };

        Delete = new RelayCommand<Dummy>(DeleteItem);
    }

    public ICommand Delete { get; private set; }

    private void DeleteItem(Dummy item)
    {
        Debug.WriteLine("Delete item, " + item);
    }

    public DummyCollection Items { get; private set; }
}
于 2012-06-15T22:33:16.623 に答える