首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Extjs -拖放限制

Extjs -拖放限制
EN

Stack Overflow用户
提问于 2016-06-16 20:48:01
回答 1查看 449关注 0票数 0

如何限制拖动操作不超过某一边界。在extjs (版本3)中有没有配置,我看到了,用的是Ext.dd.DragZone类。但我不确定什么是可用性。我看到了一个方法dropNotAllowed。这就是必须要使用的方法吗?如果是这样,我应该如何使用它?请提供一些示例。

我正在寻找类似于(jquery UI的draggable containment属性)的东西

http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.dd.DragZone-cfg-dropNotAllowed

我尝试使用设置X和Y约束,但不起作用:

代码语言:javascript
运行
复制
abc.prototype.initDrag = function(v) {
    v.dragZoneobj = new Ext.dd.DragZone(v.getEl(), {
                getDragData : function(e) {
                    var sourceEl = e.getTarget(v.itemSelector, 10);
//                    sourceEl.setXConstraint( 0, 10 );
                    var t = e.getTarget();
                    var rowIndex = abc.grid.getView().findRowIndex(t);
                    var columnIndex = abc.grid.getView().findCellIndex(t);
                    if ((rowIndex !== false) && (columnIndex !== false)) {
                        if (sourceEl) {
                            abc.isDragged = true;
                            abc.scriptGrid.isDraggableForObject = false;
                            abc.scriptGrid.dragRowIndex = false;
                            d = sourceEl.cloneNode(true);
                            d.id = Ext.id();
                            d.textContent = sourceEl.innerHTML;
//                            d.setXConstraint( 0, 10 );
//                            d.setYConstraint( 0, 10 );
                            return {
                                ddel : d,
                                sourceEl : d,
                                sourceStore : v.store
                            }
                        }
                    }   
                },
                getRepairXY : function() {
                    return this.dragData.repairXY;
                },          
            });
}

这两个都在上面的代码中被注释。上面的代码是在呈现面板时启动的。

编辑:如何使用这些setX和setYcontraints?

EN

回答 1

Stack Overflow用户

发布于 2016-06-17 15:26:25

默认情况下,可以将元素拖动到屏幕上的任何位置。文档中有两个方法setXConstraint( iLeft, iRight, iTickSize)setYConstraint( iUp, iDown, iTickSize ),这两个方法用于设置限制元素的垂直移动和水平移动。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37859712

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档