-1

ツリー ビューのドラッグ アンド ドロップに Ignite UI を使用しています。

ドラッグしたアイテムをリストに保持する方法はありますか?
アイテムが新しい場所にドロップされると、以前の場所からアイテムが削除されます。アイテムを両方の場所に保管するにはどうすればよいですか?

$("#StructureList").igTree({
                    singleBranchExpand: true,
                    checkboxMode: 'triState',
                    dataSource:  data,
                    dataSourceType: 'json',
                    bindings: {
                        textKey: 'LineName',
                        valueKey: 'LineID',
                        imageUrlKey: 'ImageUrl',
                        childDataProperty: 'FacDetails',
                        bindings: {
                            textKey: 'FacName',
                            valueKey: 'FacID',
                            childDataProperty: 'strDetails',
                                        bindings: {
                                            textKey: 'strName',
                                            valueKey: 'strID'
                                        }
                        }
                    },
                    dragAndDrop: true,
                    dragAndDropSettings: {
                        allowDrop: true,
                        dragAndDropMode: "copy",
                        customDropValidation: function (element) {
                            // Validates the drop target
                            var valid = true,
                                droppableNode = $(this);
                                if (droppableNode.is('a') && droppableNode.closest('li[data-role=node]').attr('data-value') === 'File') {
                                valid = false;
                            }

                            return valid;
                        }
                    }

                });
4

1 に答える 1

2

Ignite UIigTreeには、ドラッグ アンド ドロップ用の 3 つの異なるモード (デフォルト、移動、コピー) があります。

デフォルト - 修飾キーが保持されていない場合はドロップされたノードが移動され、保持されている場合ctrlはコピーされます。
move - ドロップされたノードは常に移動されるため、ソースから削除されます。
copy - ドロップされたノードは常にコピーされるため、ソースに保持されます。

これがドキュメントです。

常にコピーするようにするには、ツリー モードを に設定しますcopy。

$(".selector").igTree({
    dragAndDropSettings : {
        dragAndDropMode: "copy"
    }
});
于 2016-12-13T09:27:51.660 に答える