extjs 5,在gridpanel上定义dropzone,但不能drop,为啥?

Posted

技术标签:

【中文标题】extjs 5,在gridpanel上定义dropzone,但不能drop,为啥?【英文标题】:extjs 5, deine dropzone on gridpanel, but cannot drop, why?extjs 5,在gridpanel上定义dropzone,但不能drop,为什么? 【发布时间】:2015-04-23 06:30:51 【问题描述】:

我想将图片拖放到网格面板。 我定义了一个网格面板,代码如下,

viewConfig: 
    listeners: 
        render: 'onPlaylistgridviewRender'
    
,

onPlaylistgridviewRender: function(component, eOpts) 
    var gridView = component,
        grid = gridView.up('playlistgridpanel');

    grid.dropZone = Ext.create('Ext.dd.DropZone', component.el, 
        notifyDrop: function(source, e, data)
            return true;
        
    );

我拖动一张图片,当鼠标在网格上时,这个图标显示禁止拖放。

这里有什么问题?谢谢。

【问题讨论】:

【参考方案1】:

拖动的图片和放置目标(网格)都必须在ddGroup中。

【讨论】:

我在ext-5.0.1/build/examples/dd/dragdropzones.js 中看到了示例,它似乎没有使用 ddGroup。我只想在删除时在网格中插入一条记录,该示例似乎更复杂。你能给我一个样品吗?

以上是关于extjs 5,在gridpanel上定义dropzone,但不能drop,为啥?的主要内容,如果未能解决你的问题,请参考以下文章

extjs 查询内容显示

ExtJs如何在Window窗口中加载页面上的GridPanel??

在 ExtJS GridPanel 上使用 RowEditor 扩展时显示问题

使用 ExtJS 在带有 GridPanel 的窗口上获取值

ExtJS GridPanel numberColumn - 排序问题

extjs gridpanel:当 GridPanel 窗口再次显示时,ColumnModel 变为空