Extjs 列表未显示在2.1.1版本的卡布局中。在2.0版本中运行良好

重要提示：这适用于2.0版，而不是2.1.1版

我的应用程序底部有两个不同的选项卡（靠近，搜索） 这两个选项卡都使用下面给出的相同列表。 此外，Nearest和Search都使用卡片布局，唯一的区别在于NearBy列表位于第一张卡片中，而对于Search，列表位于第二张卡片中

我试了两天，但没有任何进展。请帮帮我

Ext.define('ChurchLookup.view.ChurchList', {
extend: 'Ext.List',
xtype: 'churchlist',


config:
{
    title: 'Zip Code',
    cls: 'x-contacts',
    grouped: true,
    store: 'Churches',
    itemTpl:
    [
        '<div class="headshot" style="background-image:url(resources/images/church-type-logo/{icon}.png);"></div>',
        '{name}, {city}',
        '<span>{phone} / {email}</span>'
    ].join('')
}});

但对于搜索，当我们单击“搜索”选项卡时，它将显示一个包含2张卡片的卡片布局。 第一张卡片是搜索表单，第二张卡片是列表。 当用户填写表单并单击搜索按钮时，我只是加载商店并更改卡片布局以显示列表。 但是卡片布局显示的是第二页，而不是列表

搜索选项卡代码

Ext.define('ChurchLookup.view.NearBy',
{
    extend: 'Ext.Panel',
    xtype: 'nearbycard',
    config:
    {
        iconCls: 'locate',
        title: 'Near By',
        scrollable: 'vertical',
        layout:
        {
              type: 'card',
              animation:
            {
                type: 'pop',
                duration: 500,
            }
        },
        items:
        [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Near by Churches',
                items:
                [
                    {
                        itemId: 'btnBackNearBy',
                        text: "Back",
                        ui: "back",
                        hidden: true,
                        action:  'onBackNearBy'
                    }/*,
                    {
                        itemId: 'btnHomeSettings',
                        iconMask:true,
                        iconCls: 'settings',
                        ui:      'border',
                        align:   'right',
                        action:  'pingHomeBadge'
                    }*/
                ]
            },
            {
                xtype: 'churchlist'
            },
            {
                xtype: 'churchdetailsnearby'
            }
        ],
        listeners:
        [
            {
                delegate: "#btnHomeSettings",
                event: "tap",
                fn: "onHomeScreenSettings"
            },
            {
                delegate: "#btnBackNearBy",
                event: "tap",
                fn: "onBackNearBy"
            }
        ]
    },
    onHomeScreenSettings: function ()
    {
        this.fireEvent("homeScreenSettings", this);
    },
    onBackNearBy: function ()
    {
        this.fireEvent("onBackNearBy", this);
    }
});

Ext.define('ChurchLookup.view.Search',
{
    extend: 'Ext.Panel',
    xtype: 'searchcard',
    config:
    {
        iconCls: 'search',
        title: 'Search',
          scrollable: 'vertical',
        layout:
        {
              type: 'card',
              animation:
            {
                type: 'pop',
                duration: 500,
            }
        },
        items:
        [
            {
                docked: 'top',
                xtype: 'titlebar',
                title: 'Search Church',
                items:
                [
                    {
                        itemId: 'btnBackSearch',
                        text: "Back",
                        ui: "back",
                        hidden: true,
                        action:  'onBackSearch'
                    }/*,
                    {
                        itemId: 'btnHomeSettings',
                        iconMask:true,
                        iconCls: 'settings',
                        ui:      'border',
                        align:   'right',
                        action:  'pingHomeBadge'
                    }*/
                ]
            },
            {
                xtype: 'searchform'
            },
            {
                xtype: 'favouritecard'
            },
            {
                xtype: 'churchdetailssearch'
            }
        ],
        listeners:
        [
            {
                delegate: "#btnHomeSettings",
                event: "tap",
                fn: "onHomeScreenSettings"
            },
            {
                delegate: "#btnBackSearch",
                event: "tap",
                fn: "onBackSearch"
            }
        ]
    },
    onHomeScreenSettings: function ()
    {
        this.fireEvent("homeScreenSettings", this);
    },
    onBackSearch: function ()
    {
        this.fireEvent("onBackSearch", this);
    }
});

可能是身高问题

“教堂详情搜索”与“教堂名单”相同吗

如果“churchdetailssearch”具有工具栏或其他设置布局：“vbox”到“churchdetailssearch”，并添加“churchdetailssearch”flex:1的列表

也许这页有用。