导航视图中推送的列表不会呈现

时间:2012-03-01 16:44:24

标签: list view navigation touch extjs

我正在使用sencha touch 2。

我的App.js文件(总结)

Ext.application({

launch: function() {

// ...

var list = Ext.create('Ext.List', {
    itemTpl : '<img src="{icon}"/>{title}<br/>{description}',
    store: store,
    listeners: {
    select: function(view, record) {
        var customView = Ext.create(record.get('view'));
        navView.push(customView);
        view.deselectAll();
    }
    }
});

//----------------------------------------------------------------------
var navView = Ext.create('Ext.NavigationView', {
    navigationBar:{
    items: [{
        text:'refresh',
        align: 'right'
    }]
    },
    items: [list]
});

//----------------------------------------------------------------------
Ext.Viewport.add(navView);
}
});

当我在导航视图中加载视图时,当它获得列表时,一切都正常。 有一个列表,其中包含一个列表。 子面板被渲染,但不是列表视图(列表视图已经过测试,当然在不同的上下文中呈现)

Ext.define('ts.views.jobs', {
extend: 'Ext.Panel',
layout:'fit',
config:{    
title:'Jobs'
},

initialize: function() {
this.callParent();
var jobsStore = Ext.create('Ext.data.Store', {
    model: 'ts.model.job',
    data: [{
    key2: 'key1'
    }, {
    key2:'key2'
    }, 
    {
    key2:'key3'
    }
    ]
}); 

var jobsList = Ext.create('Ext.List', {
    xtype: 'jobsList',
    ui: 'round',
    itemTpl : 'ok{key}',
    store: jobsStore
});

var panel = Ext.create('Ext.Panel', {
    html: 'Testing'
});

this.add([jobsList,panel]);
}
});

我做错了什么? *它是一个navigationview错误? *我在子视图中没有正确初始化吗?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

这是交叉发布到sencha触摸论坛:http://www.sencha.com/forum/showthread.php?184492-List-pushed-in-navigation-view-is-not-rendered,接受的答案是:

  

布局配置需要在配置对象中。