sencha touch 中navigationview嵌套tabpanel出现的问题

最新推荐文章于 2023-04-11 11:50:00 发布

Runing_snailLBNL

最新推荐文章于 2023-04-11 11:50:00 发布

阅读量551

点赞数

CC 4.0 BY-SA版权

分类专栏： Sencha touch 文章标签： sencha 控件函数

本文链接：https://blog.youkuaiyun.com/Runing_snailLBNL/article/details/52956056

Sencha touch 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决Sencha Touch中navigationview嵌套tabpanel时，在真机上出现的导航栏显示问题。通过从tab中获取title属性来替代直接从value中获取，成功解决了真机上出现的undefined错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

sencha touch 中navigationview嵌套tabpanel出现使用activeitemchange方法时谷歌浏览器可以正常显示而真机出现bug。第一张真机，第二张谷歌浏览器。

activeitemchange: "onActiveItemChange"

onActiveItemChange: function( tab, value, oldValue, eOpts){
var home = this.getHome();
var main = this.getMain();

var activeItem = main.getActiveItem(),
navBar = main.getNavigationBar();
if(!home || (home && activeItem === home)) {
if(navBar && main.getInnerItems().length == navBar.backButtonStack.length ) {
var stack = navBar.backButtonStack;
stack[stack.length - 1] = value.title;//要修改的地方
navBar.setTitle(value.title); //要修改的地方
}
}
if(value.title == '我的'){//要修改的地方
navBar.setHidden(true);
}else{
navBar.setHidden(false);
}
}

使用value.title获取的值在谷歌浏览器可以正常显示，而打包后在真机出现的是undefined。谷歌打印的value:

连接真机打印后发现value中没有了title（在谷歌浏览器中有）,

真机：

而tab下面的title依然在。所以可以用下面的方法解决：

onActiveItemChange: function( tab, value, oldValue, eOpts){
var home = this.getHome();
var main = this.getMain();
var title = value.tab.getTitle();//修改的地方

var activeItem = main.getActiveItem(),
navBar = main.getNavigationBar();
if(!home || (home && activeItem === home)) {
if(navBar && main.getInnerItems().length == navBar.backButtonStack.length ) {
var stack = navBar.backButtonStack;
stack[stack.length - 1] = title; //修改的地方
navBar.setTitle(title); //修改的地方
}
}
if(title == '我的'){//修改的地方
navBar.setHidden(true);
}else{
navBar.setHidden(false);
}
}