Sencha touch 为什么导航栏有不同的大小森查触摸
我有3个视图是“主页、类别、信息” 此主面板: 该类别小组: 该列表面板: 在列表面板中。导航栏有不同大小的主面板和类别面板 我怎么修理 多谢各位 ----更新--- 代码主视图:Sencha touch 为什么导航栏有不同的大小森查触摸,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我有3个视图是“主页、类别、信息” 此主面板: 该类别小组: 该列表面板: 在列表面板中。导航栏有不同大小的主面板和类别面板 我怎么修理 多谢各位 ----更新--- 代码主视图: Ext.define('Catalog.view.Home', { extend: 'Ext.navigation.View', xtype: 'homepanel', config: { // activeItem: 1, id: 'mynavigati
Ext.define('Catalog.view.Home', {
extend: 'Ext.navigation.View',
xtype: 'homepanel',
config: {
// activeItem: 1,
id: 'mynavigationview',
navigationBar: {
items: [
{
xtype: 'button',
text: 'Categories',
id: 'category',
translate: true,
translationKey: 'navigationbar.category',
align: 'left',
action : 'Categories',
// handler: function(me) {
// var bar = me.up('navigationview').getNavigationBar();
// // bar[bar._hidden ? 'show' : 'hide']();
// }
}
]
},
title: 'All',
iconCls: 'list',
cls: 'home',
styleHtmlContent: true,
tabBarPosition: 'bottom',
items:[
{
title: "All Apps",
xtype: 'list',
id:'Applist',
itemTpl: new Ext.XTemplate(
'<img src="http://61.47.41.108:9999/system/appinfos/appicons/000/000/{id}/original/{appicon_file_name}" width="50" heigh="50" style="float:left;clear:both;"></img>',
'<div style="margin-left: 60px;word-wrap: break-word;width:80%;">',
'<span style="font-size:16px;">{name}</span><br>',
'<span style="font-size:13px;color:#7C7C7C;" id="catname">{categoryname}</span>',
'</div>'
),
store: {
autoLoad: true,
fields: ['id','name','created_at','appicon_file_name','categoryid','categoryname','url_ios','url_android','gallery','description'],
sorters: [{
property:'created_at',
direction:'DESC'
}],
proxy: {
type: 'jsonp',
url: 'http://61.47.41.108:9999/appinfos.json',
reader:{
type: 'json',
rootProperty:'appinfos'
}
}
}
}
]
}
});
Ext.define('Catalog.view.Home'{
扩展:“Ext.navigation.View”,
xtype:“homepanel”,
配置:{
//活动项目:1,,
id:'mynavigationview',
导航栏:{
项目:[
{
xtype:'按钮',
文本:“类别”,
id:'类别',
没错,
translationKey:'navigationbar.category',
对齐:“左”,
行动:“类别”,
//处理程序:函数(me){
//var bar=me.up('navigationview').getNavigationBar();
////条[bar.\u隐藏?'show':'hide']();
// }
}
]
},
标题:“全部”,
iconCls:'列表',
cls:“家”,
styleHtmlContent:对,
tabBarPosition:'底部',
项目:[
{
标题:“所有应用程序”,
xtype:'列表',
id:“应用程序列表”,
itemTpl:new Ext.XTemplate(
'',
'',
“{name}
”,
“{categoryname}”,
''
),
商店:{
自动加载:对,
字段:['id'、'name'、'created_at'、'appicon_file_name'、'categoryid'、'categoryname'、'url_ios'、'url_android'、'gallery'、'description'],
分拣机:[{
属性:'created_at',
方向:'DESC'
}],
代理:{
键入:“jsonp”,
网址:'http://61.47.41.108:9999/appinfos.json',
读者:{
键入:“json”,
rootProperty:'appinfos'
}
}
}
}
]
}
});
代码列表视图:
Ext.define('Catalog.view.Navigation', {
extend: 'Ext.navigation.View',
xtype: 'navigation',
requires: ['Ext.data.Store'],
config: {
// navigationBar: false,
title: 'Categories',
items: [
{
xtype: 'list',
id: 'Catlist',
itemTpl: '<span style="font-size:16px;" id="cattname">{name}</span>',
store: {
storeId: 'myStore',
autoLoad: true,
fields: ['id','name'],
sorters: [{
property:'name',
}],
proxy: {
type: 'jsonp',
url: 'http://61.47.41.108:9999/categories.json',
reader:{
type: 'json',
rootProperty:'Catalog'
}
}
}
}
]
}
});
Ext.define('Catalog.view.Navigation'{
扩展:“Ext.navigation.View”,
xtype:'导航',
需要:['Ext.data.Store'],
配置:{
//导航栏:错误,
标题:“类别”,
项目:[
{
xtype:'列表',
id:“Catlist”,
itemTpl:“{name}”,
商店:{
storeId:'myStore',
自动加载:对,
字段:['id','name'],
分拣机:[{
属性:'name',
}],
代理:{
键入:“jsonp”,
网址:'http://61.47.41.108:9999/categories.json',
读者:{
键入:“json”,
rootProperty:“目录”
}
}
}
}
]
}
});
这是由于styleHtmlContent:true
添加的样式造成的。尝试在两个视图上设置它,或将其从两个视图中删除。请发布您的代码。@Sasha代码在视图或控制器中?视图代码应为enough@Sasha我将视图代码更新为我的问题。谢谢你能查一下我的答案吗?你有什么反馈吗?