Как свернуть сетку данных без кнопки? - PullRequest
Новая
       2

Как свернуть сетку данных без кнопки?

3 голосов
/ 06 марта 2019

в настоящее время, когда пользователь нажимает на список элементов, строка расширяется.Мне нужна помощь с тем, как сделать, когда пользователь снова нажмет на список, он будет свернут.Я не хочу нажимать какие-либо кнопки (если это возможно). Это будет система с сенсорным экраном.Это мой текущий вывод:

this is my current output

Это мой код: 

<StackPanel Name="spItemDisplay"  HorizontalAlignment="Stretch" Margin="0,10,0,0" Grid.Row="3" VerticalAlignment="Stretch" Orientation="Horizontal" >
     <ScrollViewer HorizontalAlignment="Right" >
       <DataGrid HorizontalAlignment="Center"  Width="1096" Name="dgItemDisplay" AutoGenerateColumns="False" Height="auto" >
            <DataGrid.Columns>
                <DataGridTextColumn  IsReadOnly="True" x:Name="dgItemCode" Width="300" Header="Barcode" Binding="{Binding ItemCode}" />
                <DataGridTextColumn IsReadOnly="True" x:Name="dgItemName" Width="500" Header="Item Name" Binding="{Binding ItemName}" />
                <DataGridTextColumn IsReadOnly="True" x:Name="dgItemPrice" Width="250" Header="Item Price" Binding="{Binding ItemPrice, StringFormat=RM {0}}" />
               </DataGrid.Columns>
        <DataGrid.RowDetailsTemplate >
         <DataTemplate>
            <StackPanel Name="spItemDisplay2" HorizontalAlignment="Stretch" Background="White"  >
                <Grid Margin="0,10"  >
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="300" />
                        <ColumnDefinition Width="300" />
                        <ColumnDefinition Width="100" />
                        <ColumnDefinition Width="100" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                         <RowDefinition Height="30" />
                         <RowDefinition Height="30" />
                         <RowDefinition Height="30" />
                         <RowDefinition Height="30" />
                      </Grid.RowDefinitions>
                         <TextBlock Text="Quantity: " FontWeight="Bold" Grid.Column="2" Grid.Row="0"/>
                         <TextBox KeyDown="TxtQty_KeyDown" x:Name="txtQty" Text="{Binding Quantity, UpdateSourceTrigger=PropertyChanged}" Grid.Column="3" Grid.Row="0"/>
                         <TextBlock Text="Discount: " FontWeight="Bold" Grid.Column="2" Grid.Row="1"/>
                         <TextBox KeyDown="TxtDisc_KeyDown" x:Name="txtDisc" Text="{Binding Discount, UpdateSourceTrigger=PropertyChanged}" Grid.Column="3" Grid.Row="1"/>
                         <Button Content="Remove Item"  HorizontalAlignment="Left" VerticalAlignment="Stretch" Width="95" Click="btnRemoveItem_Click" Grid.Column="3" FontSize="10" Grid.Row="3"/>
                </Grid>
            </StackPanel>
           </DataTemplate>
        </DataGrid.RowDetailsTemplate>
      </DataGrid>
    </ScrollViewer>
</StackPanel>

1 Ответ

0 голосов
/ 06 марта 2019

Я уже нашел решение

Я добавляю событие MouseLeftButtonUp

и затем в коде 

private void DgItemDisplay_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        DataGrid dg = sender as DataGrid;
        if (dg == null)
            return;
        if (dg.RowDetailsVisibilityMode == DataGridRowDetailsVisibilityMode.VisibleWhenSelected)
            dg.RowDetailsVisibilityMode = DataGridRowDetailsVisibilityMode.Collapsed;
        else
            dg.RowDetailsVisibilityMode = DataGridRowDetailsVisibilityMode.VisibleWhenSelected;
    }
...