drag-and-drop 相关问题

OnDragEnd 不返回起始位置

我正在使用draggable='true'属性在我的网站中创建一个可拖动元素，但我遇到了一个外观问题。拖动基本上是为了重新排序元素，所以我想把它们捡起来......

javascript jquery html drag-and-drop draggable

回答 2 投票 0

当可移动元素接触时如何更改图像？

我要创建一个函数，以便当对象（img1）位于img2a上时，它会使其变成img2b。我必须编写一些代码来分别执行这两件事，但我似乎无法将它们组合起来。我...

javascript html image drag-and-drop

回答 1 投票 0

在 OneDrive 中将文件发送到服务器时出现问题

当 Excel 文件通过 OneDrive 同步并在 Excel 应用程序中打开时，当您尝试选择该文件时，会出现消息“文件正在使用”，这是正确的。然而...

javascript drag-and-drop onedrive

回答 1 投票 0

在 Cosmograph React 组件中实现节点的拖放功能

Stack Overflow 社区，我正在开发一个 React 项目，其中使用 Cosmograph 库来渲染带有节点和边的图形。我正在寻求实现一项功能，允许用户拖动...

javascript reactjs drag-and-drop

回答 1 投票 0

错误类型错误：无法读取未定义的属性“文件”

我正在使用两个 Angular(2+) 工具：ng2-file-upload 和 angular2-img-cropper。我正在尝试使用 ng2-file-upload 的 Dropzone 在 angular2-img-cropper 的裁剪工具中加载图像。我其实可以...

javascript angular typescript drag-and-drop

回答 1 投票 0

.dropDestination 无法使用我的自定义可传输类型执行

我已经定义了导入 SwiftUI 导入统一类型标识符枚举 LayerType: String, Codable, RawRepresentable { 案例文本案例图片 } struct TransferableLayer：可识别、可哈希、可...

swift macos swiftui drag-and-drop draggable

回答 1 投票 0

symfony 6 可排序行与 sortable.js

在我看来我有 ... 在我看来我有 <table class="table table-striped bg-white table-sm"> <thead> <tr> <th scope="col">Název</th> <th scope="col">Text</th> <th scope="col">Pořadí</th> <th scope="col">Smazat</th> </tr> </thead> <tbody class="list-group" id="listWithHandle"> {% for userSample in samples %} <tr class="list-group-item"> <td> <span class="glyphicon glyphicon-move" aria-hidden="true"></span></td> Drag me by the handle <td class="pe-5">{{ userSample.sample.name }}</td> <td class="pe-5">{{ userSample.sample.text }}</td> <td class="pe-5">{{ userSample.position}}</td> <td class="pe-5"><td><a href="{{ path('delete_user_template', {id: userSample.id}) }}"><i class="fa fa-trash"></i></a></td> </tr> {% endfor %} </tbody> </table> 我尝试表中的行可以通过拖放来重新排序。我发现 javascipt 库 Sotrable.js 看起来非常好https://github.com/SortableJS/Sortable。在 symfony 中，我使用 webpack encore，我通过 napm 安装可排序，在我的 app.js 中我有一行 import Sortable from 'sortablejs'; 但是编译后在控制台中我看到错误未定义可排序看来我有块 <script> // Simple list Sortable.create(simpleList, { /* options */ }); // List with handle Sortable.create(listWithHandle, { handle: '.glyphicon-move', animation: 150 }); 但是可排序不是功能您需要将 Sortable 变量放在全局范围内以便稍后访问它：在您的入口点（app.js）中您可以执行以下操作： import Sortable from 'sortablejs'; window.Sortable = Sortable 然后您将能够在内联脚本中访问它纳泽夫

symfony drag-and-drop row jquery-ui-sortable

回答 1 投票 0

有没有办法使用角度材料拖放来调整大小

我正在使用 Angular 和 Material 创建一个 Web 应用程序，我希望能够拖放和调整我的部分的大小。有没有办法使用 Angular Material 拖放 CDK 来完成？

angular angular-material drag-and-drop angular9 angular-cdk

回答 3 投票 0

Blazor 拖放：ondragleave 在放置时触发，而不是 ondrop

我是一个菜鸟，试图在我的 blazor 8 混合应用程序中实现拖放，但 ondrop 事件没有触发。相反，当我释放鼠标时， ondragleave 会被触发。我们有两张表：面板...

javascript c# blazor drag-and-drop dom-events

回答 1 投票 0

有没有办法在当前应用程序中开始拖放操作时收到通知？

我正在开发一个框架，该框架旨在添加到本机 macOS 应用程序中，以便它可以将事件发布到应用程序的事件队列中以响应触摸屏事件。为了...

objective-c macos drag-and-drop appkit

回答 1 投票 0

如何为可重新排序列表编写剧作家测试用例？ Playwright mouse.move 在尝试重新排序 div 时不起作用

我正在尝试重新排序 div，例如重新排列顺序，但是 div 没有移动。我无法在这里发布用户界面，但它是这样的 https://codepen.io/dsenneff/pen/JjNPJer/

automation drag-and-drop playwright playwright-test playwright-typescript

回答 1 投票 0

在 Angular 中使用 cdkDropListData 时出现错误，无法绑定到“cdkDropListData”，因为它不是“div”的已知属性

<div cdkDropList #girlList="cdkDropList" [cdkDropListData]="girls" [cdkDropListConnectedTo]="[convaList]" class="example-list" (cdkDropListDropped)="drop($event)"><div class="card color-challenging mb-2" *ngFor="let girls_data of girls" cdkDrag> <div class="card-body p-2 justify-content-between align-items-center d-flex"> <span class="reading-grade font-weight-bold">{{girls_data.id}}</span> <div class="student-grade flex flex-grow-1"> <p class="justify-content-between align-items-center d-flex"> <span class="student-name">{{girls_data.firstName}}{{girls_data.lastName}}</span> <span>{{girls_data.gender}}</span> </p> <p class="justify-content-between align-items-center d-flex"> <span>{{girls_data.currentAcademicYear}}</span> <span><i class="fa fa-ban" aria-hidden="true"></i> <i class="fa fa-paperclip" aria-hidden="true"></i></span> </p> </div> <span class="behavior-grade text-right font-weight-bold">{{girls_data.inGrade}}</span> </div> </div> 使用 [cdkDropListData] 时，控制台上出现错误，无法绑定到“cdkDropListData”，因为它不是“div”的已知属性。我是 Angular 新手，所以请避免新手行为我已经在 module.ts 中导入了 CdkDragDrop 这是组件文件。 import {Component, NgModule} from '@angular/core'; import {StudentModel} from '../model/studentRepository.model'; import {Student} from '../model/student.model'; import {CdkDragDrop, DragDropModule, moveItemInArray, transferArrayItem} from '@angular/cdk/drag-drop'; @Component({ selector: 'student-selector', templateUrl: 'studentSelector.component.html', styleUrls: ['./studentSelector.component.css'] }) export class StudentSelector { boys = []; girls = []; constructor(private dataModel: StudentModel) { this.boys = dataModel.getStudents(); this.girls = dataModel.getStudents(); } get students(): Student[] { return this.dataModel.getStudents(); } conva = []; drop(event : CdkDragDrop<string[]>){ transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex); } } 这是模块文件。 import {NgModule} from '@angular/core'; import { StudentModel } from './studentRepository.model'; import { SimpleDataSource } from './datasource.model'; import {DragDropModule} from '@angular/cdk/drag-drop'; @NgModule({ providers: [StudentModel,SimpleDataSource], imports : [DragDropModule] }) export class ModelModule { } 导入应该是这样的： import {NgModule} from '@angular/core'; import { StudentModel } from './studentRepository.model'; import { SimpleDataSource } from './datasource.model'; import {DragDropModule} from '@angular/cdk/drag-drop'; @NgModule({ providers: [StudentModel,SimpleDataSource], imports : [DragDropModule] }) export class ModelModule { } 并且（参见代码中的注释） import {Component} from '@angular/core'; <= NgModule removed import {StudentModel} from '../model/studentRepository.model'; import {Student} from '../model/student.model'; import {CdkDragDrop, moveItemInArray, transferArrayItem} from '@angular/cdk/drag-drop'; <= DragDropModule removed @Component({ selector: 'student-selector', templateUrl: 'studentSelector.component.html', styleUrls: ['./studentSelector.component.css'] }) export class StudentSelector { ... } 一般： xxxModule 只能在模块级别导入，而不是在组件级别导入。另外，正如我在评论中提到的：看起来您的 StudentSelector 与您的 ModelModule 位于不同的模块中（至少它不是您提供的声明的一部分）。组件只能在声明它的模块中使用（声明列表），或者导入另一个模块，该模块反过来声明该组件并导出它（导出列表）。将其导入您的应用程序模块中 import { DragDropModule} from '@angular/cdk/drag-drop'; 然后重新运行应用程序。问题很可能是没有导入正确的模块。 import { DragDropModule} from '@angular/cdk/drag-drop'; 不过，如果有人面临这个问题，则意味着您尚未在任何模块中声明您的组件（例如：App.module.ts）因为这个属性需要模块声明。（例如：如果有人使用ComponentFactoryResolver打开一个组件，那么它不需要在app.module中声明，但要使用'[cdkDropListData]'，则需要声明它app.module）这不是非常技术性的解决方案，但我遇到过一些事情。 1。在加载页面之前清除缓存（如果您通常不清除它）。有时会错过将数据获取到变量的情况。 2。修复当前页面中的运行时错误（可能在另一个块中但在同一页面中）。但是我遇到了第一个问题。当我清除缓存时它起作用了。确保在该模块中导入cdkDropListData，其中在其声明中导入相同的组件。简单来说，想要使用 cdkDropListData 模块的组件必须是 imported 模块中。现在声明部分中的相应组件和 cdkDropListData 在同一模块的导入部分如果您的项目使用，例如，shared.module.ts 您必须在其中导入和导出cdkDropListData 现在您必须将共享模块导入到导入相应组件的同一模块中

angularjs angular drag-and-drop draggable angular-dragdrop

回答 5 投票 0

无法绑定到“cdkDropListData”，因为它不是“div”的已知属性。？

我正在尝试在 Angular 中使用 cdk 进行拖放操作，但是当我尝试将代码导入到我的项目（导入等）时，终端显示无法绑定到“cdkDropListData”，因为它不是已知的财产...

angular angularjs drag-and-drop angular-cdk angular-dragdrop

回答 1 投票 0

使用 Playwright 拖放文件

我正在尝试将 .csv 文件拖放到 Playwright 中的网页并使用 Typescript，但该文件没有被删除。我正在关注这个问题 https://github.com/microsoft/playwright/issues/

typescript drag-and-drop playwright

回答 1 投票 0

如何使用GongDragDrop拖动ItemsControl的某个元素？

我最近开始使用 MVVM。我有一个名为 TaskBox 的 UserControl，并为其创建了一个 TaskBoxVM。我还有一个 TaskListing 控件和一个 TaskListingVM。在任务列表中，我...