Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Extjs 如何在sencha touch中实现幻灯片导航菜单_Extjs_Sencha Touch_Sencha Touch 2 - Fatal编程技术网

Extjs 如何在sencha touch中实现幻灯片导航菜单

Extjs 如何在sencha touch中实现幻灯片导航菜单,extjs,sencha-touch,sencha-touch-2,Extjs,Sencha Touch,Sencha Touch 2,如何通过滑动屏幕来显示菜单,而不是单击按钮并显示幻灯片导航菜单。例如,假设菜单按钮位于左上角。当我从左向右滑动屏幕时,菜单必须打开,如果我从右向左滑动,菜单也应该关闭。您可以向视口添加滑动侦听器,并相应地调用事件 Ext.Viewport.bodyElement.on('swipe', function (event, node, options){ var button = Ext.ComponentQuery.query('button'); if (event.direct

如何通过滑动屏幕来显示菜单,而不是单击按钮并显示幻灯片导航菜单。例如,假设菜单按钮位于左上角。当我从左向右滑动屏幕时,菜单必须打开,如果我从右向左滑动,菜单也应该关闭。

您可以向视口添加滑动侦听器,并相应地调用事件

Ext.Viewport.bodyElement.on('swipe', function (event, node, options){
    var button = Ext.ComponentQuery.query('button');
    if (event.direction == 'right') {
        button[0]._handler();
    } else {
        button[1].fireAction('tap');
    }

});
小提琴:

  • 很明显,这个fiddle有bug,应该只在您知道如何实现解决方案的情况下使用

有关如何通过在Sencha Touch 2.4.1中滑动屏幕来显示侧菜单的解决方案,请参见此处


很好,很高兴我能帮忙:)