通过编辑按钮切换MudTable内联编辑

Question

当您单击图标时，我正试图让泥表进入内联模式。目前，当您单击任何一行时都会发生这种情况。

<MudSwitch @bind-Checked="@ronly" Color="Color.Tertiary">Read Only</MudSwitch>

我使用以下内容来切换显示内联编辑的功能，但如果您启用它，您仍然需要单击表来显示它。

我还采取了以下的方法

<MudButton Variant="Variant.Filled" OnClick="editTableBTN" StartIcon="@Icons.Material.Filled.Delete" Color="Color.Error">edit</MudButton>
private void editTableBTN()
{
ronly = false;
$("#myTable>tbody>tr:first").trigger('click');
}

这样可以在单击时进行编辑，然后自动单击表。之后，如果我们切换ronly，它将按预期工作，但我觉得必须有更好的方法。有人有什么建议吗？

Answer 1

一种方法是将Edit图标添加到行中。

1. 从ReadOnly表开始
2. 使用<MudIcon>而不是<MudButton>*
3. 在图标单击事件中，将表设置为ReadOnly=false

<MudTable>
ReadOnly="@MainGrid_ReadOnly"
<HeaderContent>
....
<MudTh>Action</MudTh>
</HeaderContent>
<RowTemplate>
...
<MudTd DataLabel="">
<MudIcon Icon="@Icons.Material.Filled.Edit" Size="Size.Small" @onclick="@Edit" />
</MudTd>
</RowTemplate>
</MudTable>
@code {
private MudTable<AlertSetting> MainGrid { get; set; }
private bool MainGrid_ReadOnly = true;
private void Edit()
{
MainGrid_ReadOnly = false;
//...
}
}

Answer 2

您可以使用EditTrigger="TableEditTrigger.EditButton"；在MudTable 中