使用sencha touch form里的field的组件,我们都会遇到这种情况,当一个表单中的field过多时,会向下撑满整个屏幕,这是如果点击靠屏幕下方的field组件,那么弹出的系统输入法会把form字段给遮挡住,这种用户体验非常不好。如果能在输入框展开时,自动调整field的展示位置就好了。
使用如下配置:
{ xtype: 'textareafield', name: 'bio', label: 'Bio', maxRows: 10, listeners: { focus: function(comp, e, eopts) { var ost = comp.element.dom.offsetTop; this.getParent().getParent().getScrollable().getScroller().scrollTo(0, ost); } } }
注意focus事件里的“this.getParent().getParent()”完成的功能是找到父级容器的form层,这个可以根据自己代码层级做调整。