在MAUI Syncfusion中实现网格列值关联跳转至另一网格的超链接

1. 搭建基础页面结构 #

先创建两个页面：一个承载输入数据的主网格页面（例如MainGridPage），另一个是要跳转的目标网格页面（TargetGridPage）。确保主页面被NavigationPage包裹，支持MAUI页面导航机制。

2. 为主网格添加超链接列 #

在主页面的XAML中，给Syncfusion SfDataGrid配置HyperlinkColumn，绑定要显示的文本字段，并指定点击事件：

<syncfusion:SfDataGrid x:Name="mainDataGrid"
                       ItemsSource="{Binding InputDataList}">
    <syncfusion:SfDataGrid.Columns>
        <!-- 其他业务列 -->
        <syncfusion:HyperlinkColumn MappingName="JumpText"
                                    HeaderText="跳转至目标网格"
                                    HyperlinkTap="OnHyperlinkTapped"/>
    </syncfusion:SfDataGrid.Columns>
</syncfusion:SfDataGrid>

3. 实现点击跳转逻辑 #

在主页面的代码后台，处理超链接点击事件，导航到目标网格页面，还可传递当前行的数据：

private async void OnHyperlinkTapped(object sender, Syncfusion.Maui.DataGrid.HyperlinkTapEventArgs e)
{
    // 获取当前点击行的数据模型
    var currentItem = e.RowData as InputDataModel;
    // 导航到目标网格页面，可携带参数
    await Navigation.PushAsync(new TargetGridPage(currentItem));
}

4. 目标网格接收参数并加载数据（可选） #

如果需要根据主网格的行数据加载目标网格内容，在目标页面的构造函数中接收参数并处理：

public TargetGridPage(InputDataModel sourceItem)
{
    InitializeComponent();
    // 根据传入的源数据加载目标网格的数据源
    targetDataGrid.ItemsSource = FetchTargetData(sourceItem.Id);
}

// 模拟根据ID获取目标数据的逻辑
private IEnumerable<TargetDataModel> FetchTargetData(int sourceId)
{
    // 替换为你的实际数据获取逻辑
    return YourDataService.GetTargetItems(sourceId);
}

5. 超链接样式自定义（可选） #

若需修改超链接外观，可通过HyperlinkStyle属性调整：

<syncfusion:HyperlinkColumn>
    <syncfusion:HyperlinkColumn.HyperlinkStyle>
        <syncfusion:DataGridHyperlinkStyle TextColor="#0066CC"
                                           UnderlineStyle="Single"/>
    </syncfusion:HyperlinkColumn.HyperlinkStyle>
</syncfusion:HyperlinkColumn>

前置条件 #

确保项目已安装Syncfusion.Maui.DataGrid NuGet包，并在MauiProgram.cs中注册Syncfusion服务：

builder.ConfigureSyncfusionCore();

内容的提问来源于stack exchange，提问作者shiva kumar