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.
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
Post a Comment