extjs - 在水平视图中使用 list xtype 显示多个项目

Question

我是煎茶新手，我需要在一行中显示两个或更多记录

{
            xtype: 'list',
            flex: 1,
            cls:'home-page-class',
            itemTpl:'<img  src="{image}">',
            store: 'HomePage',
            itemCls:'details',

            useSimpleItems: false,
            variableHeights: true,
            infinite: true,
            disableSelection: true,
            allowDeselect: false,
            scrollToTopOnRefresh: false,

            itemHeight:80,
            plugins: [
                { xclass: 'Ext.plugin.ListPaging', autoPaging: true},
                { xclass: 'Ext.plugin.PullRefresh'}


              ],
}

我尝试使用 CSS，但 sencha 创建了显示它的空项目，如下所示

而且我无法更改为 xtype 数据视图，因为我需要 listpageg 插件

Answer 1

这是一个技巧，将您的 itemTpl 从

itemTpl:'<img  src="{image}">',

至

itemTpl:'<img id="img1" src="{image1}"><img id="img2" src="{image2}">',

然后根据需要为这些对象设置事件侦听器。

Answer 2

我发现要删除一些参数并添加内联：真，这对我有用

{ xtype: 'list', flex: 1, cls:'home-page-class', itemTpl:'', store: 'HomePage', itemCls:'details',

        //useSimpleItems: false,
        //variableHeights: true,
        //infinite: true,
        disableSelection: true,
        allowDeselect: false,
        scrollToTopOnRefresh: false,
        inline:true,
        itemHeight:80,
        plugins: [
            { xclass: 'Ext.plugin.ListPaging', autoPaging: true},
            { xclass: 'Ext.plugin.PullRefresh'}


          ], }