首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Sencha触觉2-文本重叠问题

Sencha触觉2-文本重叠问题
EN

Stack Overflow用户
提问于 2012-12-10 11:51:05
回答 3查看 777关注 0票数 1

我是Sencha Touch 2的新开发人员,我正在尝试使用它提供的MVC架构来创建我的第一个应用程序。在页面之间导航时,我发现工具栏/标题栏文本重叠的问题。看一看这些截图:

示例1

示例2

我不太清楚外面发生了什么。我正在使用animateActiveItem和路由方法在我的应用程序中移动。

Users.js控制器文件,登录方法

代码语言:javascript
运行
复制
// Ajax code here, not included here
// on ajax success:
this.redirectTo("login");

Routes.js控制器文件

代码语言:javascript
运行
复制
routeLoginPage: function() {
    console.log("routeLoginPage");
    Ext.Viewport.animateActiveItem({ xtype: "loginpage" }, { type: "slide", direction: "left" });
},

有人真的遇到过这样的问题吗?我不知道现在该做什么,因为我试图解决这个问题,为2 days+。

编辑

基本上,我需要在定义为视图的页面上移动。我在包含属性的不同文件中定义每个视图:扩展、要求、别名、配置和我定义的方法。每个config属性都将标题栏作为其第一项附加。

当我试图更改页面时,我通过控制器命令加载另一个视图,该命令更改地址哈希。然后,路由控制器触发一个animateActiveItem方法,该方法加载另一个视图(先前由别名属性定义为xtype )。

我正在使用迈阿密Coder的教程(miamicoder.com/2012/how-to-create-a-sencha-touch-2-app-part-1/)来学习Sencha的基础知识。

EN

回答 3

Stack Overflow用户

发布于 2012-12-10 12:05:36

我觉得你是说标题栏而不是工具栏..。

使用导航视图在视图之间导航,而不是Ext.Viewport.animateActiveItem,这是一个更好的方法。要使用导航视图,请在感应器文档中使用此指南.森查有一个陡峭的学习曲线,所以要准备好面对这样的挫折.

导航视图指南

票数 1
EN

Stack Overflow用户

发布于 2012-12-10 12:38:55

可以在一个面板类中添加所需的视图,并使用

代码语言:javascript
运行
复制
mainclass.setActiveItem(0)

否则使用导航视图。

票数 0
EN

Stack Overflow用户

发布于 2012-12-11 05:37:54

代码语言:javascript
运行
复制
{
    xtype: 'navigationview',
    id: 'navView',
    navigationBar: {
        hidden: true
    }

}

以上代码将隐藏导航视图生成的标题栏.现在,您需要像这样定义自己的标题栏

代码语言:javascript
运行
复制
{
       xtype: 'titlebar',
       title: 'title',
       items: [
            {
                   xtype: 'button',
                   text: 'back',
                   listeners: [
                     {
                         fn: function(button){
                              Ext.getCmp('navView').pop();//this will pop the view and show previous view
                         },event: 'tap'

                     }
                   ]
            }
       ]



}

希望能帮上忙..。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13800402

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档