使用键盘时,防止界面(底部工具栏)移动

时间:2014-09-10 04:32:57

标签: cordova sencha-touch sencha-touch-2 cordova-3 sencha-touch-2.1

我知道这个老问题,但任何解决方案?我不想在使用键盘时按下工具栏(底部)。 问候,

1 个答案:

答案 0 :(得分:0)

是否可以将文本字段的焦点事件和setHidden(true)捕获到底部工具栏?

Ext.define('App.controller.Form', {
    extend: 'Ext.app.Controller',

    config: {
        refs: {
            textField: '.textfield'
        },
        control: {
            textField: {
                focus: 'onTextFieldFocus',
                blur: 'onTextFieldBlur'
            }
        }
    },

    onTextFieldFocus: function () {
        Ext.defer(function () {
            Ext.Viewport.down('#toolbarToHideOnKeyboardShow').setHidden(true);
        }, 50);
    },

    onTextFieldBlur: function () {
        Ext.defer(function () {
            Ext.Viewport.down('#toolbarToHideOnKeyboardShow').setHidden(false);
        }, 50);
        }
    });

在这个例子中,您可以简单地向所有底部工具栏添加相同的itemId,它始终有效。 如果您需要它来处理所有字段类型,请添加或更改为字段。