Search code examples
extjssencha-touch-2horizontallistsencha-touch-2.3

show multiple items using list xtype in horizental view


I'm new to sencha and I need to show two or more record in one row

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


              ],
}

I tried to play with CSS but sencha create empty items showing it like this empty cells

And I can't change to xtype dataview because I need the listpaging plugin


Solution

  • I found out that to remove some parameters and add inline:true,this work out for me

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