在sencha touch 2中滚动面板时的文本字段焦点问题

Posted

技术标签:

【中文标题】在sencha touch 2中滚动面板时的文本字段焦点问题【英文标题】:Text field focus issue while scrolling the panel in sencha touch 2 【发布时间】:2013-03-07 09:06:56 【问题描述】:

我正在开发一个 Cordova ios 应用程序 (iPad)。 我有一个表单面板,里面有一些煎茶字段。 在我将焦点放在任何字段上后,如下所示

并滚动封闭面板,焦点光标不会滚动,它只停留在那里,如下所示。

我该如何解决这个问题。

还有一个观察结果,它发生在 ios6 中,但在 ios5 中没有。

【问题讨论】:

我的应用也发生了同样的事情。 这是网络应用程序的全部问题。您唯一可以尝试的是捕获该滚动事件并在该字段上调用 ​​blur() 。这应该模糊该字段并隐藏键盘,这应该可以防止这种奇怪的事情发生。然而,我的经验是,在 ST2 中以编程方式执行事件是行不通的......你的运气是你正在为 iOS 编程,这不是那么糟糕,我已经在 android 上为这个解决方案工作了很多天,没有结果.. 感谢 Rob 的评论,我这样做了(在滚动事件中调用了字段上的 blur())但是当我想在文本字段中移动光标时出现另一个问题。 【参考方案1】:

解决了, 在编辑(onFocus)任何字段时,我正在禁用面板的滚动条。

myPanel.getScrollable().getScroller().setDisabled(true);

启用滚动条的任何字段的onBlur。

myPanel.getScrollable().getScroller().setDisabled(false);

这不会解决问题,但解决了目的。

【讨论】:

以上是关于在sencha touch 2中滚动面板时的文本字段焦点问题的主要内容,如果未能解决你的问题,请参考以下文章

Sencha Touch 2:应用程序构建后面板不会滚动

Sencha touch - 滚动子也滚动父

sencha touch 2 中的滚动条指示器可见性

如何在 VBOX 布局中显示 Sencha Touch 列表?

Sencha Touch 2:数据视图在 android 模拟器中不可见

Sencha Touch 2 - 选项卡式面板中的轮播