Blazor 相同页面参数导航,无需滚动

时间:2021-05-13 18:10:19

标签: blazor blazor-server-side

我想使用以下逻辑在 Blazor 服务器端应用程序中实现模态导航:

  1. 页面总是显示文档表格
  2. 表格可能有很多条目,因此用户可以向下滚动页面。
  3. 用户点击行打开模态,正在更新 URL(易于与其他用户共享)。
  4. 用户关闭模态返回相同位置继续浏览,URL被重置。

到目前为止,我无法使用标准的 NavigateTo 达到最后一点。即使是简单的调用 navManager.NavigateTo("/Documents", false) 也会将页面滚动到顶部。

是否可以使用 JS Url 操作? 谢谢

PS:为了实现相同的用户体验,我也一直在考虑不同的编辑页面而不是模式,在关闭时将用户返回到数据表中的确切行。可能是,在表格中使用分页并返回。

@page "/Documents"
@page "/Documents/{ID:int}"
@inject NavigationManager navManager

...
if (ID > 0)
{
    <DocumentForm OnClose="CloseModal" ID="@ID"></DocumentForm>
}

[Parameter]
public int ID { get; set; }
...
private void SelectDocument(Document doc)
{
   navManager.NavigateTo($"/Documents/{doc.ID}");
}

0 个答案:

没有答案