How to display second item of Card Layout in Secha Touch -


i have 3 card items of card layout, if click other view related second card item, want display second card item, , not swip front side, swip side 2 card of 1 st , 3rd.

here code of:

ext.define('myapp.view.main', {  extend: 'ext.carousel.carousel',  requires: ['ext.titlebar'],  alias: 'widget.mainmenuview',  config: {    layout: {      type: 'card',    },    indicator: false,        items:[    {     xtype:'firstpage',     cls: 'firstpage',      scrollable: false,       },    {     xtype:'secondpage',     cls: 'secondpage',        },    {     xtype:'thirdpage',     cls: 'thirdpage',     },     ]   }//end of config }); 

this card layout. here want display secondpage of card item. display ok doing this, not swip previous card, going back.

ext.define('myapp.view.main', {      extend: 'ext.carousel.carousel',      requires: ['ext.titlebar'],      alias: 'widget.mainmenuview',      config: {        layout: {          type: 'card',        },        indicator: false,            items:[  {         xtype:'secondpage',         cls: 'secondpage',            },        {         xtype:'firstpage',         cls: 'firstpage',          scrollable: false,           },         {         xtype:'thirdpage',         cls: 'thirdpage',         },         ]       }//end of config     }); 

i know, in cardlayout, first card item display first, in condition. display second item(secondpage) when load main.js file. , swip both side, front side first page display , side thirdpage display. enter image description here

how this, please guide me.thanks in advance.

edit:

i solve problem when getting second items, why load first item second item. means whenever display second items, few second first itesm shows.

ext.define('myapp.view.menuswiptest', {  extend: 'ext.carousel.carousel',  requires: ['ext.titlebar'],  alias: 'widget.menuswip',  config: {  // activeitem: 1,  layout: {    type: 'fit',   },  indicator: false,   items:[  {   xtype:'homepage',   cls: 'homepage',      //scrollable: false,      },   {     xtype:'menupage',     cls: 'menupage',    },    {     xtype:'categorypage',     cls: 'categorypage',   },    ] }, initialize : function(){    console.log('launch menu test');    this.setactiveitem(1);  },//end of config }); 

i have try activeitem:1 in config, nothing happen change.

use property in carousel config:

config: {   // .... other config properties ...   activeitem: 1 } 

Comments

Popular posts from this blog

curl - PHP fsockopen help required -

HTTP/1.0 407 Proxy Authentication Required PHP -

c# - Resource not found error -