在 Xamarin.Forms 中使用 Syncfusion 进行分页数据网格

Question

我正在尝试使用 MVVM 架构和 Syncfusion 控件显示分页网格。我设法在 UWP 中使用 SfDataGrid 做到这一点，但我似乎无法在 Xamarin.Forms 中正确完成它。

如果我不使用寻呼机，线条就会出现在网格中。 （请参阅下面的代码）

    <xForms:SfDataGrid
     x:Name="datagrid"
     AutoGenerateColumns="False"
     ItemsSource="{Binding Lines}"
     ColumnSizer="Star"
     DefaultColumnWidth="200"
     Columns="{Binding GridColumns, Mode=TwoWay}" />

但是当我尝试像这样使用寻呼机时：

        <xForms:SfDataGrid
            x:Name="datagrid"
            AutoGenerateColumns="False"
            ItemsSource="{Binding PagedSource, Source={x:Reference Name=dataPager}}"
            ColumnSizer="Star"
            DefaultColumnWidth="200"
            Columns="{Binding GridColumns, Mode=TwoWay}" />

        <dataPager:SfDataPager
            Source="{Binding Lines, Mode=TwoWay}"
            x:Name="dataPager"
            Margin="5" Grid.Row="1" PageSize="7"
            HorizontalOptions="FillAndExpand" />

我得到以下结果：网格为空，没有抛出异常，并且我在输出中找不到任何绑定错误。

另外，我认为官方 Syncfusion 文档中的分页示例可能不完整，因为它指出必须在 Grid 的 ItemsSource 和 Pager 的 Source 之间完成绑定，但这并没有出现在提供的 xaml 代码示例中在那里。

https://help.syncfusion.com/xamarin/sfdatagrid/paging?cs-save-lang=1&cs-lang=csharp

这是我遗漏的东西还是我需要使用后面的代码才能使其工作？

Answer 1

感谢您使用 Syncfusion 产品。

我们检查了您的查询和共享的代码，您需要设置绑定源，同时设置“SfDataGrid.Columns”属性的值。请在下面找到相同的代码片段。

<ContentPage.BindingContext> 
    <local:ViewModel x:Name="viewModel" /> 
</ContentPage.BindingContext> 
<ContentPage.Content> 
    <Grid> 
        <Grid.RowDefinitions> 
            <RowDefinition Height="*" /> 
            <RowDefinition Height="Auto" /> 
        </Grid.RowDefinitions> 
        <sfgrid:SfDataGrid x:Name="sfGrid"  
                           Grid.Row="0" 
                           AutoGenerateColumns="False" 
                           ColumnSizer="Star" 
                           DefaultColumnWidth="200" 
                           ItemsSource="{Binding PagedSource, Source={x:ReferencedataPager}}" 
                           Columns="{Binding GridColumns, Source={x:ReferenceviewModel}}" 
                           /> 
        <sfpager:SfDataPager x:Name ="dataPager" 
                             Margin="5" 
                             HorizontalOptions="FillAndExpand" 
                             Grid.Row="1" 
                             PageSize="7" 
                             HeightRequest ="50" 
                             Source="{Binding OrdersInfo}" 
                     /> 
    </Grid> 
</ContentPage.Content> 

我们已经准备了样本来满足您的要求，您可以从下面的链接下载样本。 示例链接：http://www.syncfusion.com/downloads/support/directtrac/221044/ze/DataGridDemo-741889615

关于您对XAML代码文档的查询“必须在Grid的ItemsSource和Pager的Source之间进行绑定”，我们将更新文档的XAML代码。

问候， 维涅什库玛 R