Question

Im在用户界面使用Sencha Touch 2的微薄镜上工作。我现在就在我的iPad和Pipe的Sari。

我的问题是,每当我利用一个文本领域时,Sato就把虚拟键盘上,并在屏幕上把整个网络观点推向上。

这只字眼很自然,因为顶托维亚再看不见。

Here are two screenshots which demonstrate the problem. In the second screenshot you can see the effect when the keyboard is visible.

是否有办法防止这种行为,有Sato resize 而是用户接口?

https://i.stack.imgur.com/H0z56.png” alt=“Normal view”/>

Answer 1

Unfortunately, Apple wants this behavior, but someone suggested a little hack using window.scrollTo():

listeners: {
    focus: function() {
        window.scrollTo(0,0);
    }
}

Answer 2

在发射功能中将这一守则强加于我:

 if (Ext.os.is.Android) {
        Ext.Viewport.on( painted , function () {
            Ext.Viewport.setHeight(window.innerHeight);
        });
    }

    if (Ext.os.is.iOS) {

        Ext.Viewport.on( painted , function () {
            Ext.Viewport.setHeight(window.innerHeight);
        });
    }

Answer 3

I have found a solution that works for me. You move the topbar into the container.

xtype:  container ,
                docked:  top ,
                height:  100% ,
                html:   ,
                itemId:  MyContainer ,
                width:  100% ,
                items: [
                    {
                        xtype:  titlebar ,
                        docked:  top ,
                        itemId:  topBar ,
                        title:  Obec Webchat ,
                        layout: {
                            type:  hbox ,
                            align:  start 
                        },
                        items: [
                            {
                                xtype:  button ,
                                action:  back ,
                                id:  BackButton ,
                                itemId:  BackButton ,
                                margin:  5 70% 5 15 ,
                                ui:  back ,
                                text:  Home 
                            }
                        ]
                    },
                    {
                        xtype:  container ,
                        docked:  bottom ,
                        height:  95% ,
                        html:  <iframe src="http://webim.obec.local/" width="100%" height="100%" scrolling="yes"></iframe> ,
                        itemId:  MyContainer1 ,
                        width:  100% 
                    }
                ]
            }

希望这一帮助。

Answer 4

您需要将<代码>blur(>)方法称作textfield。

// Assuming the id of textfield - "textFieldId"
Ext.getCmp( textFieldId ).blur();

尝试<代码> 模糊外地的投入重点。

Answer 5

如果你把“html”用于Sencha分子,就必须去除tag门。也可以将标题
列入源代码html。我希望能帮助你:

友情链接