키보드를 사용할 때 인터페이스 (아래쪽 도구 모음)가 움직이지 않도록하십시오.

Question

이 오래된 문제점을 알고 있지만 해결책이 있습니까? 나는 키보드를 사용할 때 도구 모음 (하단)을 누르지 않으려 고합니다. 감사합니다,

Answer 1

텍스트 필드의 포커스 이벤트를 잡아주고 아래쪽 도구 모음에 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를 추가 할 수 있으며 항상 작동합니다. 모든 필드 유형에서이 작업이 필요하면 필드 유형을 추가하거나 필드로 변경하십시오.