Infragistics｜Ultimate UI WPF｜拖放 XamDataGrid 記錄

讓我們實現 XamDataGrid 記錄的拖放。單獨的 XamDataGrid 不具備拖放功能，但可以結合Infragistics WPF 中包含的Infragistics Drag and Drop Framework來實現。

XamDataGrid 中的記錄呈現為 DataRecordPresenters，我們將為 DataRecordPresenters 分配拖放功能。

讓我們看看使用 Snoop 的 XamDataGrid。DataRecordPresenter 就在這裡。

實行步驟

1. DataRecordPresenter導入模板

將 DataRecordPresenter 的模板導入您的應用程式中，添加拖放功能，然後覆蓋它。該模板位於以下文件路徑中的 DataPresenterGeneric_Express.xaml 中。

C:Program Files (x86)Infragistics2019.1WPFDefaultStylesDataPresenter → DataPresenterGeneric_Express.xaml

2. 自定義導入模板

將 DragDropManager 設置為 DataRecordPresenter 的 ContentPresenter(x:Name=”PART_RecordContentSite”)。可以通過將 DragSource 的 IsDraggable 設置為 True 來拖動記錄。您還可以通過將 DropTarget 的 IsDropTarget 設置為 True 來刪除記錄。

接下來，處理DragSource的Drop事件，判斷被拖動的記錄和被拖放的位置，控制記錄的位置。在 DataRecordPresenter 的模板中設置 DragDropBehavior（見下文）。

到目前為止的實現對應於下面代碼片段中的第 13-24 行。

<Style TargetType="{x:Type igDP:DataRecordPresenter}">
    ...

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate TargetType="{x:Type igDP:DataRecordPresenter}">

                <igWindows:CardPanel x:Name="baseGrid" RenderTransform="{TemplateBinding FixedNearElementTransform}" Background="{TemplateBinding Background}">

                    <Border x:Name="addRowFooter" ... />

                    <Grid Margin="0" RenderTransform="{TemplateBinding ScrollableElementTransform}">
                        ...

                        <ContentPresenter x:Name="PART_RecordContentSite" ...>

                            

                            <ig:DragDropManager.DragSource>

                                <ig:DragSource  IsDraggable="True">

                                    <i:Interaction.Behaviors>

                                        

                                        <behaviors:DragDropBehavior/>

                                    </i:Interaction.Behaviors>

                                </ig:DragSource>

                            </ig:DragDropManager.DragSource>

                            <ig:DragDropManager.DropTarget>

                                <ig:DropTarget IsDropTarget="True"/>

                            </ig:DragDropManager.DropTarget>

                            

                        </ContentPresenter>
                        ...

                    </Grid>

                </igWindows:CardPanel>
                ...

            </ControlTemplate>

        </Setter.Value>

    </Setter>
    ...

</Style>

3. 實現 DragDropBehavior

接下來，我們將實現在 DragDropBehavior 中放置 DragSource 記錄時觸發的 Drop 事件。

public class DragDropBehavior : Behavior
{
    protected override void OnAttached()
    {
        base.OnAttached();
        this.AssociatedObject.Drop += AssociatedObject_Drop;
    }

    private void AssociatedObject_Drop(object sender, DropEventArgs e)
    {
        System.Diagnostics.Debug.WriteLine("Drop");

        DragSource dragSource = sender as DragSource;
        FrameworkElement fe = dragSource.AssociatedObject as FrameworkElement;
        Record record = fe.DataContext as Record;

        // XamDataGrid 取得
        XamDataGrid presenter = record.DataPresenter as XamDataGrid;

        // Drag 來源取得
        ContentPresenter source = e.DragSource as ContentPresenter;
        DataRecord sourceRecord = source.DataContext as DataRecord;
        int sourceIndex = sourceRecord.Index;

        // Drag 目標取得
        ContentPresenter target = e.DropTarget as ContentPresenter;
        DataRecord targetRecord = target.DataContext as DataRecord;
        int targetIndex = targetRecord.Index;

        var dc = presenter.DataContext;
        MainViewModel vm = dc as MainViewModel;

        // 目標與來源對換
        vm.Tasks.Move(sourceIndex, targetIndex);
    }

    protected override void OnDetaching()
    {
        this.AssociatedObject.Drop -= AssociatedObject_Drop;
        base.OnDetaching();
    }
}

執行結果

按造上述步驟處理, 您現在可以拖放紀錄了