Telerik RadDataGrid 中的滑动功能答案

【问题标题】：Swipe feature in Telerik RadDataGridTelerik RadDataGrid 中的滑动功能
【发布时间】：2017-09-25 10:37:20
【问题描述】：

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

我正在使用 Telerik UWP 控件的开源版本，有什么方法可以在 DataGrid 中添加滑动功能。

【问题讨论】：

【解决方案1】：

RadDataGrid 不支持项目滑动手势。

我推荐使用RadListView，它具有DataGrid 的许多功能，例如Grouping、Sorting 和Filtering。 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>

【讨论】：