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代码的文档的查询“必须在网格的ItemsSource和Pager的源之间进行绑定”，我们将更新文档的XAML代码。

关于， Vigneshkumar R

在Xamarin.Forms中使用Syncfusion的分页Datagrid

1 个答案: