在水平视图中使用列表类型显示多个项目

Question

我是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'}


              ],
}

我尝试使用CSS，但是sencha创建了空白项目，显示为

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

Answer 1

这是一个技巧，改变你的itemTpl 来自

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

到

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

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

Answer 2

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

  

{               xtype：＆＃39; list＆＃39;，               flex：1，               CLS：＆＃39;家庭页级＆＃39 ;,               itemTpl：＆＃39;＆＃39 ;,               商店：＆＃39; HomePage＆＃39;，               itemCls：＆＃39;细节＆＃39;，

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


          ], }