3

誰かがセル内のハイパーリンクまたはボタンをクリックしたときに、DataGrid に詳細行が表示されないようにする方法を考えています。ハイパーリンクをクリックしようとすると、リンクの代わりに詳細が表示されるのは本当に面倒です。

もう 1 つの問題は、1 つの列にいくつかのアクション ボタンがあることです。そのため、詳細が折りたたまれている場合は、最初に行をクリックして詳細を表示してから、たとえば編集ボタンをクリックする必要があります。

サンプル：

MainWindow.xaml.cs

namespace WpfApplication1
{
    public class Item
    {
        public string Column0 { get; set; }
        public string Mail { get; set; }
    }

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = this;
        }

        public ObservableCollection<Item> Items
        {
            get
            {
                ObservableCollection<Item> i = new ObservableCollection<Item>();
                i.Add(new Item() { Column0 = "dsaads", Mail = "mail@sad.com" });
                i.Add(new Item() { Column0 = "wdads", Mail = "adsdas@sad.com" });
                return i;
            }
        }

        public void HyperlinkClick(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Clicked");
        }
    }
}

MainWindow.xaml

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DataGrid RowDetailsVisibilityMode="VisibleWhenSelected" ItemsSource="{Binding Items}" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Column0" Binding="{Binding Column0}" />
                <DataGridHyperlinkColumn Header="Mail" Width="*" Binding="{Binding Mail}" >
                    <DataGridHyperlinkColumn.ElementStyle>
                        <Style TargetType="TextBlock">
                            <Setter Property="Padding" Value="2,0,2,0" />
                            <EventSetter Event="Hyperlink.Click" Handler="HyperlinkClick" />
                        </Style>
                    </DataGridHyperlinkColumn.ElementStyle>
                </DataGridHyperlinkColumn>
            </DataGrid.Columns>

            <DataGrid.RowDetailsTemplate>
                <DataTemplate>
                    <Grid Height="100">

                    </Grid>
                </DataTemplate>
            </DataGrid.RowDetailsTemplate>
        </DataGrid>
    </Grid>
</Window>

問題を確認するには、最初の行を選択してから、2 行目のハイパーリンクをクリックしてみてください。

4

1 に答える 1

2

ハイパーリンク「 OnPreviewMouseDown 」でトンネリングイベントを処理できます。これにより、イベントがRowDetailsTemplateを表示するDataGridに到達するのを防ぐことができます。

 private void OnPreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            var hyperlink = (Hyperlink)sender;
        Process.Start(hyperlink.NavigateUri.AbsoluteUri);
        e.Handled = true;
        }

完全な例：

<Window x:Class="DummyTree.DataGridTest" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="DataGridTest" Height="300" Width="300">
    <Grid>
        <DataGrid ItemsSource="{Binding Customers}">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="First Name">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock>
                                <Hyperlink PreviewMouseDown="OnPreviewMouseDown" NavigateUri="http://www.google.com">
                                    <TextBlock Text="{Binding Name}" />
                                </Hyperlink>
                            </TextBlock>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
            <DataGrid.RowDetailsTemplate>
                <DataTemplate>
                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="{Binding Name}" />
                        <TextBlock Text=" details here" />
                    </StackPanel>
                </DataTemplate>
            </DataGrid.RowDetailsTemplate>
        </DataGrid>
    </Grid>
</Window>

コードビハインド：

using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Input;

namespace DummyTree
{
    public partial class DataGridTest : Window
    {
        public DataGridTest()
        {
            DataContext = new CustomerVM();
            InitializeComponent();
        }

        private void OnPreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            var hyperlink = (Hyperlink)sender;
        Process.Start(hyperlink.NavigateUri.AbsoluteUri);
        e.Handled = true;
        }
    }

    public class CustomerVM
    {
        public ObservableCollection<Customer> Customers { get; set; }
        public CustomerVM()
        {
            Customers = new ObservableCollection<Customer> { new Customer { Name = "Leo" }, new Customer { Name = "Om" } };
        }
    }

    public class Customer
    {
        public string Name { get; set; }
    }
}
于 2013-02-26T13:41:57.187 に答える