Question

我想构建一个用Seng和Phonegap编写的Android应用程序。工作正常，但不显示Ext.List。有没有人有同样的问题和解决方案？

我有一个带有5个元素的TabPanel。其中一个是Home，它是一个Ext.List。列表中的数据来自商店。这在浏览器中工作正常但如果我尝试使用PhoneGap为Android构建它，则此列表不会出现。只是下面提到的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;
        }
    }
});

数据存储

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

尝试将其添加为项即

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

希望它会有所帮助...

Phonegap + Sencha + Ext.List

1 个答案: