Phonegap + Sencha + Ext.List

Question

我想构建一个android应用程序，它是用Phonegap用Sencha编写的。工作正常，但没有显示Ext.List。有没有人有同样的问题和解决办法？

我有一个包含5个元素的TabPanel。其中之一是家庭，这是一个Ext.List。列表中的数据来自一家商店。这在浏览器中运行得很好，但是如果我尝试用PhoneGap构建安卓，这个列表就不会出现。只是后面提到的HTML。

var mainMnu = new Ext.TabPanel(
    {tabBar : {
    dock : 'bottom',
            layout : {
            pack : 'center'
        }
    },
    items : [
    {
        title : 'Home',
        html : '<h1>Welcome Home</h1>',
        iconCls : 'home',
        cls : 'card1',
        dockedItems: [pnlLstHome]
    }, .....

lstHome = new Ext.List( {
    grouped : false,
    indexBar : false,
    id : 'idLstHome',
    cls: 'homeList',
    store : lstStoreMnu,
    itemTpl : '<div class="list">{item}</div>',
    onItemDisclosure : false,
    onItemSelect : function(record, btn, index) {
        // console.log(record.data);
        switch (record.data.item) {
        case constStoreMnuGalerie:
            pnlLstHome.setActiveItem('idPnlGalerie');
            // detailPanel.update(record.data);// detailPanel.doLayout();
            break;
        case constStoreMnuTrends:
            pnlLstHome.setActiveItem('idPnlTrends');
            // detailPanel.update(record.data);
            break;
        default:
            console.log('You clicked Unknown Item!');
            return;
        }
    }
});

DataStore

lstStoreMnu = new Ext.data.Store({
    model: 'list',
    //sorters: 'item', //Sortierung
    getGroupString : function(record) {
        return record.get('item')[0];
    },
    data: [
           { item: constStoreMnuGalerie},
           { item: constStoreMnuTrends},
           { item: constStoreMnuPreise},
           { item: constStoreMnuProdukte},
           { item: constStoreMnuOpen},
           { item: constStoreMnuShare}
    ]
});

Answer 1

您已经将列表添加为dockedItem。

尝试将其添加为项 ie

 {
        title : 'Home',
       // html : '<h1>Welcome Home</h1>',
        iconCls : 'home',
        cls : 'card1',
        items: [pnlLstHome]
    }

希望它能帮上忙。