Telerik RadDataGrid中的滑动功能

时间:2017-09-25 10:37:21

标签: c# xaml datagrid uwp telerik

我正在开发一个UWP应用程序,其中数据使用数据网格以表格形式表示。我们还有一个功能,用户可以在网格上的每一行上执行滑动以执行某些操作。我们在DataGrid中拥有的数据也很少需要ListView无法实现的功能。

我正在使用Telerik UWP控件的开源版本,有没有办法在DataGrid中添加滑动功能。

1 个答案:

答案 0 :(得分:1)

RadDataGrid不支持项目滑动手势。

我建议使用RadListView,它具有DataGrid的许多功能,例如GroupingSortingFiltering。 RadListView控件提供对项目滑动手势的支持。在滑动区域上向左或向右滑动会显示SwipeActionContent。有关详细信息,请参阅Gestures

如果您想使用RadDataGrid并添加滑动手势,则可以将TranslateX设置为ManipulationMode,添加ManipulationDelta事件和ManipulationCompleted事件。您可以在ManipulationCompleted事件中执行操作。

例如:

<telerikGrid:RadDataGrid Name="MyRadDataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False" UserEditMode="Inline">
    <telerikGrid:RadDataGrid.Columns >
        <telerikGrid:DataGridTemplateColumn Header="Product">
            <telerikGrid:DataGridTemplateColumn.CellContentTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Product}" ManipulationMode="TranslateX"  ManipulationCompleted="TextBlock_ManipulationCompleted"  ManipulationDelta="TextBlock_ManipulationDelta"/>
                </DataTemplate>
            </telerikGrid:DataGridTemplateColumn.CellContentTemplate>
        </telerikGrid:DataGridTemplateColumn>
    </telerikGrid:RadDataGrid.Columns>
</telerikGrid:RadDataGrid>