<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”的已知属性。
我是角度新手，所以请避免新手行为
我已经在 module.ts 中导入了 CdkDragDrop
这是组件文件。
import {Component, NgModule} from '@angular/core';
import {StudentModel} from '../model/studentRepository.model';
import {Student} from '../model/student.model';
import …曾经想要一个HTML拖放可排序表,您可以在其中对行和列进行排序吗？我知道这是我为之而死的东西.有很多可排序的列表,但找到一个可排序的表似乎是不可能找到的.
我知道你可以非常接近script.aculo.us提供的工具,但我遇到了一些跨浏览器的问题.
现在我可以在WPF中创建有用的用户控件了(感谢这个stackoverflow答案)我希望能够在一个页面上将两个用户控件放在两列中,并使用户能够根据喜好移动它们,拖动他们使用最多的人,等等.
任何人都可以指向我这样做的代码,教程等吗？我可以想象这在WPF中很容易做到.
好的,这个问题超出了我的联盟.我正在尝试在swing中实现一个GUI小部件,允许将文件放到JTable上,并允许拖动JTable的行进行重新排序.想想VLC的播放列表或iTunes中的播放列表.
我从操作系统(资源管理器,Finder等)中删除文件工作得很好,但是一旦文件进入,我就有了重新安排表行的不可能的时间.问题是当我添加时一个自定义的TransferHandler到表,从表中拖动被立即杀死.这是一些示例代码:
import javax.swing.*;
public class TableTest
{
public static void main (String [] argv)
{
// setup table data
String [] columns = new String [] {"Foo", "Bar", "Baz", "Quux"};
String [][] data = new String [][] {{"A", "B", "C", "D"},
{"1", "2", "3", "4"},
{"i", "ii", "iii", "iv"}};
// create table
JTable table = new JTable(data, columns);
// set up drag and drop
table.setDragEnabled(true);
table.setDropMode(DropMode.INSERT_ROWS);
table.setFillsViewportHeight(true);
TransferHandler dnd = new TransferHandler() {
// here be code …我一直在尝试在页面ondrag()上div动态渲染上使用和其他一些功能HTML.
这些事件似乎都没有发生,也没有任何错误.我也找不到很多有用的文档.我是否错误地解释了它,您是否可以使用这些事件来编写功能以在屏幕上拖动div？
我试图将文件从Finder拖到我的SWT应用程序中.在Windows和Ubuntu上,以下代码可以工作:
public class DndTest {
public static void main(final String[] args) {
final Display display = new Display();
final Shell shell = new Shell(display, SWT.DIALOG_TRIM);
shell.setText("Drag & drop test");
shell.setSize(200, 200);
final FormLayout layout = new FormLayout();
shell.setLayout(layout);
final Label lbl = new Label(shell, SWT.NORMAL);
lbl.setAlignment(SWT.CENTER);
lbl.setText("Drop files here");
final FormData layoutData = new FormData();
layoutData.left = new FormAttachment(50, -100);
layoutData.top = new FormAttachment(50, -15);
layoutData.right = new FormAttachment(50, 100);
layoutData.bottom = new FormAttachment(50, 15);
lbl.setLayoutData(layoutData);
final DropTarget dt = …我正在设计一个拖放操作,但我不知道如何访问我的数据.有没有人使用Clip Data对象？这是我的代码:
开始拖放:
ClipData dragData= ClipData.newPlainText("my", "test") );
v.startDrag(dragData,
new MyDragShadowBuilder(v),
v, 0);
听取事件:
case DragEvent.ACTION_DROP:{
if (event.getClipDescription().getLabel().equals("my"))
Log.d("myLog","Data:"+event.getClipData()+" "+event.getClipData().getItemCount());
我正在努力与看似简单的JavaScript练习,写一个香草拖放.我想我的'addeventlisteners'犯了一个错误,这里是代码:
var ele = document.getElementsByClassName ("target")[0];
var stateMouseDown = false;
//ele.onmousedown = eleMouseDown;
ele.addEventListener ("onmousedown" , eleMouseDown , false);
function eleMouseDown () {
stateMouseDown = true;
document.addEventListener ("onmousemove" , eleMouseMove , false);
}
function eleMouseMove (ev) {
do {
var pX = ev.pageX;
var pY = ev.pageY;
ele.style.left = pX + "px";
ele.style.top = pY + "px";
document.addEventListener ("onmouseup" , eleMouseUp , false);
} while (stateMouseDown === true);
}
function eleMouseUp () {
stateMouseDown = false;
document.removeEventListener ("onmousemove" , eleMouseMove …在我的沙盒应用程序中,我试图将具有安全范围的NSURL放到粘贴板上,以便从NSTableView拖放到取景器(反之亦然).
拖动的代码非常简单,基本上在带有NSURL数组的粘贴板上执行writeObjects:
- (BOOL) tableView:(NSTableView *)tv
writeRowsWithIndexes:(NSIndexSet *)rowIndexes
toPasteboard:(NSPasteboard *)pasteboard
{
Crate *selectedCrate = (Crate *)[self.cratesListController selectedObjects][0];
NSMutableArray *pasteboardArray = [NSMutableArray array];
[rowIndexes enumerateIndexesUsingBlock:^(NSUInteger rowIndex, BOOL *stop) {
Track *selectedTrack = [self.tracksViewedInTrackList objectAtIndex:rowIndex];
[selectedTrack addURLToPasteboardArray:pasteboardArray];
}];
if (!pasteboardArray.count) {
return NO;
}
for (NSURL *url in pasteboardArray) {
[url startAccessingSecurityScopedResource];
}
[pasteboard writeObjects:pasteboardArray];
for (NSURL *url in pasteboardArray) {
[url stopAccessingSecurityScopedResource];
}
return YES;
}
这工作得很好,我实际上可以将文件放到我的桌面上,但我得到以下错误记录:
2013-11-19 10:29:30.897 Test[1287:532f] sandbox extension creation failed: permissions error for path: [/Users/didier/Music/Gigs/Air Miles (2000 …HTML Drag and Drop API定义了两个非常相似的事件,dragleave并且dragexit这些事件一起dragenter用于帮助跟踪当前的放置目标.
快速搜索没有发现任何当前和清晰的两个事件的文档,当一个应该使用另一个,以及浏览器支持,所以我想我会在这里问.
我将分享到目前为止我找到的资源:
dragexit而IE至少实现dragleave,主要区别在于事件的顺序:dragexit在相应之前触发dragenter,同时dragleave,令人困惑,之后触发.dragleave用IE语义定义,但后来(~2013)添加dragexit了Mozilla的语义.dragleave在Firefox 3.5(2009)中实现,最初是同义词dragexit,但后来(4.0,~2011？)将其更改为符合规范.dragexit具体说明