有人能告诉我我做错了什么吗？我能够使用常规面板进行拖放操作,但现在尝试使用表格,我无法对其进行排序.我对Points和DropTargets感到困惑.不要介意"添加"按钮.我觉得我需要先处理DnD.
public class Table extends JFrame implements ActionListener {
private JTable table;
private JScrollPane scroll;
private JButton add;
private JFileChooser choose;
private JMenuBar menubar;
private JMenu menu;
private JMenuItem file;
private DefaultTableModel tm = new DefaultTableModel(new String[] { "File",
"File Type", "Size", "Status" }, 2);
public Table() {
// String column [] = {"Filename ","File Type", "Size", "Status" };
/*
* Object[][] data = { {"File1", ".jpg","32 MB", "Not Processed"},
* {"File2", ".txt"," 5 Kb", "Not Processed"}, {"File3", ".doc","3 Kb", …我正在使用图片的jquery拖放到目标div.
我有一个调用一个函数的按钮,该函数应检查图像是否在div中,但我无法使其正常工作.
我正在努力做如下:
<script>
....
$( '#check' ).click(function(){
if($("#droptarget:has(img.img1)")){
alert("yes");
}else{
alert("no");
}
});
</script>
<img id="img1" class="img1" src="image.png">
<div id="droptarget"></div>
<a href="javascript:" id="check">check</a>
我的代码有什么问题？
编辑:总是在第一个条件下进入警报("是")而没有div内的图像
我正在尝试实现拖放图像上传类似功能到imgur.com.从桌面拖动图像时,拖动文档时会出现一个带有"上传"字样的大叠加div.
我的问题是,当我拖动h1标签内的实际单词'upload'时,屏幕会闪烁.发生这种情况是因为我有一个dragleave事件,用上传h1标签删除overlay div但是我不知道如何修复它.
你可以在这里看到问题:JS Fiddle,只需将桌面上的任何图像拖到文档上,将鼠标悬停在"上传"一词上,你就会看到我在说什么.任何帮助,将不胜感激.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Drag and Drop</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
<div id="upload-global-drop-overlay" style="display: none;"><h1>upload</h1></div>
</body>
</html>?
Javascript代码:
$(document).on('dragover', function () {
$('#upload-global-drop-overlay').css({'display': 'block'});
});
$('#upload-global-drop-overlay').on('dragleave', function () {
$('#upload-global-drop-overlay').css({'display': 'none'});
});
$(document).on('drop', function (e) {
$('#upload-global-drop-overlay').css({'display': 'none'});
e.preventDefault();
});
我需要摆脱我用于JTree的TransferHandler类的标准键盘动作处理程序.JTree实现了访问级机制,该机制控制是否可以删除节点.使用shift-delete等键盘组合可以忽略此行为,从而允许每个用户从JTree中删除任何节点.
基本上我需要TransferHandler来提供移动和排序节点(DnD)的便捷方式.而已.
提前致谢.
我有一个包含列表和按钮的面板.列表设置MouseAdapter为mouseClick().我添加到面板MouseAdapter与mousePressed()和mouseReleased()和MouseMotionAdapter带mouseDragged.
拖放仅在单击面板时有效.
即使我点击列表,如何使拖动工作？
简单的考试:
public class DragTest extends JFrame{
private boolean drag;
private Point btnCoord;
private Point startPoint;
public DragTest(){
setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
setSize(500,500);
setLayout(null);
final JPanel panel = new JPanel();
final JButton button = new JButton();
button.setText("Button");
button.setSize(30,60);
button.setLocation(50, 50);
panel.setLayout(null);
setContentPane(panel);
panel.addMouseMotionListener(new MouseMotionAdapter() {
@Override
public void mouseDragged(MouseEvent e) {
if (drag){
panel.setLocation(btnCoord.x-(startPoint.x-e.getX()),btnCoord.y-(startPoint.y-e.getY()));
}
}
});
panel.addMouseListener(new MouseAdapter() {
@Override
public void mousePressed(MouseEvent e) {
drag …jQuery的:
$(document).ready(function () {
$('input[type=file]').uploadImage();
jQuery.event.props.push('dataTransfer');
$(".upload-cont").bind('dragenter', function (e) {
$(".upload-cont").css("border", "1px dashed black;");
});
$(".upload-cont").bind('drop', function (e) {
var files = e.dataTransfer.files;
e.preventDefault();
});
$("body").bind('drop', function (e) {
e.preventDefault();
});
});
在Firefox 17,资源管理器8中,当一个文件从桌面拖放到浏览器时,图像将被加载到另一个页面中.我添加了preventDefault(),它在chrome中完美运行.可以做什么以便在ff中阻止动作,即浏览器.
我正在尝试拖放屏幕上的卡片模型的ID.所以第一部分是在事件上使用setData()设置id.我已经使卡片模板中的卡元素具有属性draggable ="true".当我单击拖动卡时,我收到此错误:未捕获TypeError:无法调用未定义的方法'setData'
var CardView = Marionette.ItemView.extend({
template: tmpl,
events: {
'dragstart .card-container': 'dragStart',
},
dragStart: function (e) {
e.dataTransfer.setData("Text", this.model.id);
},
});
return CardView;
});
我正在使用Google Chrome,Backbone.js和Marionette
有什么想法吗？
谢谢
我已经编写了一个视频转换批处理,用户只需将视频从任何磁盘或分区拖放到批处理中,之后转换后的视频将保存在特定磁盘上的特定位置.
代码看起来像这样
@echo off
%~d0
cd %~p0
for %%f in (%*) do ...
pause
实际问题在于(%*).
当我的文件名称中有一个结束圆括号时,批处理将不起作用.为了解决这个问题,我使用了("%*"),但这不适用于名称中包含空格或多个文件的文件.
我也试过,(%~*)但那是无效的.
经过一番研究,我发现,当我滴在批与名称的多个文件file(test)和file test,%*解析
file(test) "file test"
这意味着文件名可能带引号,或者不是......
我的问题是:我该如何处理？
理想情况下,我想%*解决"file(test)" "file test"(两个名字都包围引号)
我有一个拖放示例,它将可拖动对象恢复到它在可放置div中的原始位置.
我的问题是,当我的可拖动对象上的revert有效时,我能够将对象拖到页面上的不同位置,我的可拖动对象只有当我将它们放入droppable div时才会恢复.
我希望我的可拖动对象可以恢复,无论您将它们拖到页面的哪个位置？
我试过这个有效但不起作用.
{
revert: 'vaild',
stop: function(){
$(this).draggable('option','revert','invalid');
}
我的问题在于,当我将它们放入droppable div时,我的可拖动对象会恢复但不会恢复.
<script>
$(function() {
$( "#draggable" ).draggable({ revert: "valid" });
$( "#draggable1" ).draggable({ revert: "valid" });
$( "#droppable" ).droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
drop: function( event, ui ) {
var dragElemId = ui.draggable[0].id;
var imgPath = $('#' + dragElemId).attr("des-image");
$( this )
.find( ".drop-image" ).removeAttr("src").attr("src",imgPath);
}
});
});
</script>
新手程序员在这里.
我正在制作一个程序,用于在笛卡尔坐标系中呈现用户输入的方程式.目前我遇到一些让用户在坐标中自由移动视图的问题.目前使用mouseDragged,用户可以稍微拖动视图,但是一旦用户释放鼠标并尝试再次移动视图,原点就会快速回到鼠标光标的当前位置.让用户自由移动的最佳方法是什么？提前致谢!
这是绘图区域的代码.
import java.awt.Color;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.Point;
import java.awt.Rectangle;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.event.MouseMotionListener;
import java.awt.geom.Line2D;
import java.awt.geom.Point2D;
import javax.swing.JPanel;
public class DrawingArea extends JPanel implements MouseMotionListener {
private final int x_panel = 350; // width of the panel
private final int y_panel = 400; // height of the panel
private int div_x; // width of one square
private int div_y; // height of one square
private int real_y;
private int real_x;
private Point origin; …drag-and-drop ×10
java ×4
jquery ×4
swing ×4
javascript ×3
awt ×1
backbone.js ×1
batch-file ×1
file ×1
html ×1
jlist ×1
jquery-ui ×1
jtable ×1
jtree ×1
key-events ×1
marionette ×1
mouseevent ×1
windows ×1