Question

我有一个混合应用程序，其中包含在Android中的webview中显示的html元素。在那些HTML元素中，我有一个多行文本视图。一旦我在其中输入多行，请说出数字1到20.我不能再滚动它了。以下是该场景的解释

在上面的场景中，如果我的光标位于4，1,2,3不可见，10,11 ....不可见，并且它们不在文本框中。我无法向上滚动。如果我点击8并且光标亮起8.我可以向上滚动直到8但不会超出。

我在OS 4.3上运行的三星Galaxy Note 10.1中遇到此问题。在OS 4.2.2版上运行的多个设备中测试。它在那里工作正常。

任何建议将不胜感激。这是我的TextArea标签：

<textarea Class="abc" role="textbox" maxlength="100" tabindex="-1" rows="6" style="overflow-x: auto; overflow-y: auto;" ></textarea>

Answer 1

只需覆盖你的textareafield。使用以下代码

Ext.define('MyApp.util.TextArea', {
   override: 'Ext.form.TextArea',
adjustHeight: Ext.Function.createBuffered(function(textarea) {
    var textAreaEl = textarea.getComponent().input;
    if (textAreaEl) {
        textAreaEl.dom.style.height = 'auto';
        textAreaEl.dom.style.height = textAreaEl.dom.scrollHeight + "px";
    }
}, 200, this),

constructor: function() {
    this.callParent(arguments);
    this.on({
        scope: this,
        keyup: function(textarea) {
            textarea.adjustHeight(textarea);
        },
        change: function(textarea, newValue) {
            textarea.adjustHeight(textarea);
        } 
    });
}});

在Android Webview中的TextArea字段中滚动问题

1 个答案: