How can I close an open DetailRow when clicked again?

[GilShalit]

I am using code similar to the code below to open a DataGrid DetailRow when the row is clicked.

@bind-SelectedRow="@selectedEmployee"
DetailRowTrigger="@((item)=>item.Salaries?.Count > 0 && item.Id == selectedEmployee?.Id)">

Is there a standard way of closing the DetailRow when the row is clicked if it is already open?

[stsrki]

To show the detail row, a DetailRowTrigger just needs to return true. You can check for anything inside of it.

DetailRowTrigger="@((item)=>item.Salaries?.Count > 0 && item.Id == selectedEmployee?.Id && someOtherBool)">

<Button Clicked="@OnClicked">
    Toggle
</Button>
@code{
  bool someOtherBool;

  Task OnClicked(){
    someOtherBool = !someOtherBool;

    return Task.CompletedTask;
  }
}

[GilShalit]

As is pointed out here: #1705, using Ctrl+Click on a previously clicked row will close it. Not sure this is intuitive enough.

[GilShalit]

Just to complete @stsrki's answer, as I needed the click to be associated with the row so it can close the details if already open, I ended up in adding a boolean function isRowAlreadySelected(item) to the trigger

DetailRowTrigger="@((item)=> item.Id == selectedRow?.Id && !isRowAlreadySelected(item))"

The function includes a small hack because of issue #2500:

        myClass selectedRow;
        myClass prevSelectdRow;
        bool secondCall = false;

     bool isRowAlreadySelected(myClass item)
        {//DetailRowTrigger is called twice on each row click so prev is updated only on second call
            bool isRowClicked = prevSelectdRow != null && prevSelectdRow.Id == selectedRow.Id;
            if (secondCall)
            {
                prevSelectdRow = selectedCourtCase;
            }
            secondCall = !secondCall;
            return isRowClicked;
        }