カードレイアウトのカードアイテムが3つあり、2番目のカードアイテムに関連する別のビューからクリックすると、2番目のカードアイテムを表示したいのですが、表面をスワイプできず、1番目の2枚のカードで裏面のみをスワイプし、 3番目。
これが私のコードです:
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
});
これが私のカードレイアウトです。ここでは、カード アイテムの2 ページ目を表示します。これを行うと問題なく表示されますが、前のカードにスワイプできませんでした。
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
});
私は知っています、 cardlayout では、最初のカード項目の表示は常に最初ですが、私の状態では。Main.jsファイルの読み込み時に2番目の項目(secondpage)を表示します。・表側1ページ目表示と裏側3ページ目表示の両面をスワイプする。
やり方を教えてください。よろしくお願いします。
編集:
私はこの問題を解決しますが、2番目のアイテムを取得するときに、最初のアイテムをロードしてから2番目のアイテムをロードするのはなぜですか。これは、2 番目のアイテムを表示するたびに、最初のアイテムが数秒間表示されることを意味します。
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
});
config で activeItem:1 も試しましたが、変更はありません。