Sencha Touch - NestedList仅在旋转后显示

时间:2011-07-27 12:34:59

标签: rotation sencha-touch nested-lists

我一直在玩sencha触摸一点,我遇到了一个问题。 我有一个标签式UI,一个标签的xtype' pastcard'由以下代码定义:

    var data = {
    text: 'Groceries',
    items: [{
        text: 'Drinks',
        items: [{
            text: 'Water',
            items: [{
                text: 'Sparkling',
                leaf: true
            },{
                text: 'Still',
                leaf: true
            }]
        },{
            text: 'Coffee',
            leaf: true
        },{
            text: 'Espresso',
            leaf: true
        },{
            text: 'Redbull',
            leaf: true
        },{
            text: 'Coke',
            leaf: true
        },{
            text: 'Diet Coke',
            leaf: true
        }]
    },{
        text: 'Fruit',
        items: [{
            text: 'Bananas',
            leaf: true
        },{
            text: 'Lemon',
            leaf: true
        }]
    },{
        text: 'Snacks',
        items: [{
            text: 'Nuts',
            leaf: true
        },{
            text: 'Pretzels',
            leaf: true
        },{
            text: 'Wasabi Peas',
            leaf: true
        }]
    },{
        text: 'Empty Category',
        //items: []
    }]
};
Ext.regModel('ListItem', {
    fields: [{name: 'text', type: 'string'}]
});
var store = new Ext.data.TreeStore({
    model: 'ListItem',
    root: data,
    proxy: {
        type: 'memory',
        reader: {
            type: 'tree',
            root: 'items'
        }
    }
});
var nestedList = new Ext.NestedList({
    fullscreen: true,
    title: 'Groceries',
    displayField: 'text',
    dock: 'top',
    store: store
});
    metanamorph.views.Pastcard = Ext.extend(Ext.Panel, {
    title: "past",
    iconCls: "add",
    dockedItems: nestedList
});

Ext.reg('pastcard', metanamorph.views.Pastcard);

在我的桌面浏览器中,这可以正常工作,但在我的iPhone和iPhone模拟器上,“过去”网站包含列表'Groceries',但不显示任何列表项。但是,如果我旋转设备列表显示。这可能是因为旋转时会有某种刷新。

如何解决这个问题?

0 个答案:

没有答案