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

我是sencha的新手，我需要在一行中显示两条或更多记录

{
            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'}


              ],
}

{
xtype:'列表'，
弹性：1，
cls:“主页类”，
itemTpl:“”，
商店：'主页'，
itemCls:“详细信息”，
使用simpleItems:false，
可变高度：正确，
无限：是的，
disableSelection:正确，
allowDeselect:false，
scrollToTopOnRefresh:false，
身高：80，
插件：[
{xclass:'Ext.plugin.ListPaging'，autoPaging:true}，
{xclass:'Ext.plugin.PullRefresh'}
],
}

我试图玩CSS，但sencha创建了空项，显示如下

---

我无法更改为xtype dataview，因为我需要listpaging插件 从

itemTpl:“”，

到

itemTpl:“”，

---

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

我发现，要删除一些参数并添加内联：true，这对我来说是可行的

{ xtype:'列表'， 弹性：1， cls:“主页类”， itemTpl:“”， 商店：'主页'， itemCls:“详细信息”

        //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'}


          ], }

---

这不是我想要的，单个单元格可能会添加标题、日期等，因此无法工作

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

        //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'}


          ], }