关于检测extjs窗口组件中的拖动

时间:2012-08-02 19:57:40

标签: javascript extjs

我使用此代码

    win = Ext.create('widget.window', {
            title: 'Layout Window',
            closable: true,
            closeAction: 'hide',
            width: 600,
            minWidth: 350,
            height: 350,
            layout: {
                type: 'border',
                padding: 5
            },
            listeners : {
                render : function(){
                    alert("render");
                },
                beforerender : function(){
                    alert("beforerender");
                },
                afterrender : function(){
                    alert("afterrender");
                }
            },

            items: [...

            ]
        });
    win.on('move',function(){
        alert("ddd");
    });

检测extjs中窗口组件的移动。它运行良好,即它提醒“ddd”但是在我移动窗口并停止拖动它之后会发生这种情况。

我想检测窗口的拖动何时开始,即当我用光标按下窗口标题栏并开始拖动时。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:1)

如果要点击每个拖动动作,要绑定的事件是“拖动”。

win.on('move',function(){
    console.log("ddd", arguments);
});

其他可用的拖动事件包括dragstart和dragend。

有关详细信息,请参阅: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.dd.DragTracker-event-drag