煎茶水平滾動與列表

Question

我正在嘗試遵循Sencha給出的列表水平示例。 我收到一條消息說（DataView的基本布局必須始終是Fit Layout）在示例中，它不是Fit布局。 有人可以告訴我我在這里缺少什么。 謝謝吉姆

  Ext.define( 'Styles.view.Beginning', { 
    extend: 'Ext.List',
    xtype: 'beginninglist',

    config: {
     title:'Beginning',
     iconCls: 'star',


 layout:{
     type:'vbox',
     pack: 'center'
 },
   items:[

    {

      //give it an xtype of list for the list component
                xtype: 'dataview',
                height: 250,


                scrollable: 'horizontal',
                directionLock: true,
                inline: {
                    wrap: false
                },


                //set the itemtpl to show the fields for the store
                itemTpl: '{name} {image}',


                //bind the store to this list
                 store: 'Beginning'

    }

     ]

   }
  });

Answer 1

首先，您需要學習Sencha布局。 你可以在這里參考。 您正在創建一個List ，然后嘗試將Dataview放入其中。 因此，如果您需要數據視圖，請直接擴展數據視圖，如下所示：

Ext.define('Styles.view.Beginning', {
        extend: 'Ext.dataview.DataView',
        xtype: 'beginninglist',
        config: {
            inline: {
                wrap: false
            },
            scrollable: {
                direction: 'horizontal'
            },

            //set the itemtpl to show the fields for the store
            itemTpl: '{name} {image}',

            //bind the store to this list
            store: 'Beginning'
        }
    });