标签: drag-and-drop

我一直在寻找这些论坛上一整天,并试图很多插件即:jquery.hotkeys.js和http://thechriswalker.net/select-drag/例如这里完成一个优秀的插件,它只是一个比我想象的要复杂得多.

我已经在列表2中有一个拖放情况,可以排序,感谢CoolEsh之前提供的惊人帮助.. 连接可排序列表,禁止在第一个列表上排序jQuery

所以现在我需要一个控件点击来选择多个并拖动它.但我不想要加载标记和jQuery.但我也不想像我提到的那样使用复杂的插件.

有任何想法吗？

我已经成功实现了将jquery-ui元素拖到我的fullCalendar上.问题是我想要删除的不是日历本身,而是日历上显示的特定事件,以便将删除的项目添加到事件中.丢失的部分是如何识别掉落时鼠标下的事件.

drop: function (date, allDay, jsEvent, ui)
{
   var event = ???;
   event.description += ui.helper.data("filters").text;
   $('#calendar').fullCalendar('updateEvent', event);
}

我需要一个树拖动组件......但是这个组件没有出现在gwt样本中......

我不明白,根据LGPL许可,Vaadin是否意味着我需要支付我的"商业"申请？

我可以在GWT中开发自己的拖放树组件(它是否很复杂)？

TKX

所有,

我是JavaScript的新手,这是我第一次使用YUI 3.0框架.我正在尝试创建一些东西,当我将'player'div拖到'slot/drop'div上然后提醒弹出告诉我项目编号和拖动的div和drop目标中的一些其他属性(slot/drop) .我可以获得为拖动的div工作的警报,但我很难引用drop target div并获取它的属性.有人可以协助吗？如果您需要更多信息,请告诉我们.

我需要这个的原因是因为我有多个丢弃目标,需要找出丢弃的特定目标.

我感谢任何帮助!

YUI({ filter: 'raw' }).use('dd-drop', 'dd-proxy', 'dd-constrain', 'dd-ddm-drop', function(Y) {

var slots = Y.one('#workarea').all('.slot');
Y.each(slots, function(v, k) {
    var id = v.get('id'), groups = ['two'];
    switch (id) {
        case 't1':
        case 't2':
            groups = ['one'];
            break;
    }
    var drop = new Y.DD.Drop({
        node: v,
        groups: groups
    });
});

var players = Y.one('#workarea').all('.player');
Y.each(players, function(v, k) {
    var id = v.get('id'), groups = ['one', 'two'];
    switch (id) {
        case 'pt1':
        case 'pt2':
            groups = …

我有一棵树在extjs.我已经添加了拖放插件,并且这些功能在浏览器中运行正常,但我需要将拖放更改发送到我的数据库中吗？要做到这一点,我相信我应该听取drop事件,然后对我的后端进行ajax调用.我有一个checkchange事件,可以激活,但是一滴或者之前甚至似乎什么都不做.

这是我的树的配置,我做错了什么？

todotree = {
    title: 'Tree Grid',
    width: 600,
    height: 400,
    viewConfig: {
        plugins: {
            ptype: 'treeviewdragdrop'
        }
    },
    store: new Ext.data.TreeStore({
        storeId: 'treestore',
        fields: [{
            name: 'actionTitle',
            type: 'string'
        }],
        proxy: {
            type: 'ajax',
            url: 'index.php/todo/listtree',
            reader: 'json'
        }
    }),
    rootVisible: false,
    columns: [
    {
        xtype: 'treecolumn',
        text: 'Title',
        flex: 3,
        dataIndex: 'actionTitle'
    }],
    listeners: {
        checkchange: function(node, checked){
            Ext.Ajax.request({
                url: 'index.php/todo/togglecheck/' + node.data.recordId + '/' + checked,
                success: function() {}
            });
        },
        drop: function(){ alert("drop") },
        beforedrop: …

我在DIV上实现了HTML5拖放功能.它适用于所有浏览器,包括IE8.但自IE9发布以来,它已不再有效.ondragstart事件不会被触发.这是我的代码,使用jQuery:

$('#mydiv')
   .bind('selectstart', function(e) {
        // Prevent text selection
        return false;
    })
    .bind('dragstart', function(e) {
        console.log('dragstart');
    })
    .bind('drag', function(e) {
        console.log('drag');
    })
    .bind('dragend', function(e) {
        console.log('dragend');
    });

和HTML

<div draggable="true">DnD this thing!</div>

在任何情况下Flash应用程序都可以在MouseEvent.MOUSE_DOWN没有MouseEvent.MOUSE_UP介于两者之间的情况下收到两个吗？

在我的ActionScript 3应用程序中,我想跟踪用户拖动精灵.我的计划是监听a MouseEvent.MOUSE_DOWN,启动一个无限期重复的计时器,记录鼠标位置,然后停止计时器MouseEvent.MOUSE_UP.这是一个好计划吗？

我有这种类型的元素:

<div draggable="true" id="item" style="margin:20px;background:red;height:400px;width:400px;">
    <a href="#" target="_blank">
        <img style="margin:40px;" src="http://www.placekitten.com/100/100" alt="">
    </a>
</div>

我希望能够:

1. 拖动整个div,即使我单击/ anchorimage(拖动之前).
2. 仍然可以正常响应锚点/图像点击(没有拖动).

现在,我点击它时只拖动图像.

这是一个小提琴:http://jsfiddle.net/M5tBd/

我目前正试图让我的程序能够拖动文件并将其放入列表视图中.我看到很多样本,其中大部分都有以下代码:

private void listView1_draganddrop(object sender,  DragEventArgs e)

然而,在我实现了这些代码后,我遇到了一些错误.首先是listview1_SelectedIndexChanged匹配委托系统事件处理程序没有重载

另一个问题是在代码被暗示后我无法将任何文件拖入listview.

我在listview上启用了允许删除功能.所以我想知道在c#中启用拖放功能我缺少什么以及如何编写拖放代码.

我正在使用这个jQuery代码

$('input').bind('change mouseup', ... )

检测用户是否将文本拖到我的输入中并更改其值.但这似乎不起作用.为什么它不起作用,我怎么能让它工作？