WPF - zmiana wartości pola na DataGrid

WPF - zmiana wartości pola na DataGrid
XF
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 9 lat
  • Postów:39
0
Kopiuj
<UserControl.Resources>
    <DataTemplate x:Key="rowDetailsExpanderTemplate">
        <TextBlock x:Name="Expander" Text="+" MouseLeftButtonDown="Expander_MouseLeftButtonDown"/>
    </DataTemplate>
</UserControl.Resources>

<Grid>
    <DataGrid ItemsSource="{Binding}">
        <DataGrid.Columns>
            <DataGridTemplateColumn x:Name="expander" CellTemplate="{StaticResource rowDetailsExpanderTemplate}"/>
        </DataGrid.Columns>
    </DataGrid>
</Grid>
Kopiuj
private void Expander_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    TextBlock expander = (TextBlock)sender;
    DataGridRow rowWithExpander = DataGridRow.GetRowContainingElement(expander);

    if (expander.Text == "+")
    {
        rowWithExpander.DetailsVisibility = Visibility.Visible;
        expander.Text = "-";
    }
    else
    {
        rowWithExpander.DetailsVisibility = Visibility.Collapsed;
        expander.Text = "+";
    }
}
 

Chciałbym mieć na siatce pole, po kliknięciu którego będą rozwijane szczegóły wiersza. Problem w tym, że tekst (+/-) na polu expander nie jest zachowywany przy przewijaniu wierszy. W jaki sposób ten tekst zachowywać?

WS
  • Rejestracja:ponad 10 lat
  • Ostatnio:około rok
  • Postów:58
2

Dzieje się tak, ponieważ domyślnie jest włączona wirtualizacja wierszy - w takim przypadku jest tworzone tylko tyle obiektów DataGridRow ile jest konieczne, a istniejące są wykorzystywane ponownie jeśli to możliwe.
W Twoim przypadku ustawiasz +/- na aktualnie widocznym a po przeskrolowaniu na koniec listy może on zostać użyty ponownie i pojawi się [-] nawet mimo tego, że nie jest rozwinięty. Albo pojawi się [+] na tym który jest rozwinięty gdy wrócisz do początku, ponieważ inny obiekt DataGridRow niż wcześniej zostanie wykorzystany do wyświetlenia danych.

Udało mi się zrobić to co chcesz, bez wyłączania writualizacji tylko modyfikując TextBlock w XAMLu:

Kopiuj
<Window.Resources>
    <local:VisibilityConverter x:Key="VisibilityToExpander" />
</Window.Resources>
<TextBlock  
	x:Name="Expander" 
	Text="{Binding DetailsVisibility, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type DataGridRow}},Converter={StaticResource VisibilityToExpander}}" 
	MouseLeftButtonDown="Expander_MouseLeftButtonDown" />

Binding wyciąga aktualną wartość DetailsVisibility z DataGridRow i używa konwertera, którego implementacja jest poniżej do wyświetlenia + lub -

Kopiuj
public class VisibilityConverter : IValueConverter
{
	public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
	{
		return (Visibility)value == Visibility.Visible ? "-" : "+";
	}

	public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
	{
		return null;
	}
}
	

w evencie zostaje tylko:

Kopiuj
private void Expander_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
	TextBlock expander = (TextBlock)sender;
	DataGridRow rowWithExpander = DataGridRow.GetRowContainingElement(expander);
	rowWithExpander.DetailsVisibility = rowWithExpander.DetailsVisibility != Visibility.Visible ?
	   Visibility.Visible : Visibility.Collapsed;
}

Ogólnie nie jest to za fajne rozwiązanie, trzeba dodawać klasę, event dalej jest potrzebny..
Gdybyś miał w klasie danych(tych, których wyświetlasz w gridzie) informacje o tym czy wiersz jest rozwinięty, można by to zrobić tak (zakładam, że jest property bool Expanded):

Kopiuj
<BooleanToVisibilityConverter x:Key="BoolToVisibility" />
<DataTemplate x:Key="rowDetailsExpanderTemplate"   >
		<ToggleButton IsChecked ="{Binding DataContext.Expanded, RelativeSource={RelativeSource AncestorType=DataGridRow}}" >
			<ToggleButton.Template>
				<ControlTemplate>
					<TextBlock>
						<TextBlock.Style>
							<Style TargetType="{x:Type TextBlock}">
								<Style.Triggers>
									<DataTrigger Binding="{Binding Path=Expanded}" Value="False">
										<Setter Property="Text" Value="+" ></Setter>
									</DataTrigger>
									<DataTrigger Binding="{Binding Path=Expanded}" Value="True">
										<Setter Property="Text" Value="-" ></Setter>
									</DataTrigger>
								</Style.Triggers>
							</Style>
						</TextBlock.Style>
					</TextBlock>
				</ControlTemplate>
			</ToggleButton.Template>
		</ToggleButton>
	</DataTemplate>
		
<DataGrid ItemsSource="{Binding}"  >
	<DataGrid.Columns>
		<DataGridTemplateColumn    x:Name="expander" CellTemplate="{StaticResource rowDetailsExpanderTemplate}"/>
	</DataGrid.Columns>
	<DataGrid.RowStyle>
		<Style   TargetType="{x:Type DataGridRow}">
			<Setter Property="DetailsVisibility" Value="{Binding Path=Expanded,Converter ={StaticResource BoolToVisibility}}"></Setter>
		</Style>
	</DataGrid.RowStyle>
</DataGrid>

W ControlTemplate zostawiłem TextBlock, bo był w Twoim kodzie ale mógłbyś tam sobie zrobić np obrazki.

XF
  • Rejestracja:ponad 10 lat
  • Ostatnio:ponad 9 lat
  • Postów:39
0

Dzięki wielkie za wyjaśnienie i rozwiązanie problemu. Ja wprawdzie trochę przerobiłem swoją aplikację i nie rozwijam już wierszy, ale rozwiązania na pewno w przyszłości mi się przydadzą. Prostsze jest chyba to pierwsze, o konwerterach już czytałem, ale nie przyszło mi do głowy, aby je tutaj wykorzystać. Ogólnie jest to moja pierwsza aplikacja w WPF (w .NET też) i na razie jeszcze nie czuję tego za bardzo ;)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.