1

カードレイアウトのカードアイテムが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)を表示します。・表側１ページ目表示と裏側３ページ目表示の両面をスワイプする。 ここに画像の説明を入力

やり方を教えてください。よろしくお願いします。

編集：

私はこの問題を解決しますが、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 も試しましたが、変更はありません。

4

2 に答える 2

0

カルーセル構成でこのプロパティを使用します。

config: {
  // .... other config properties ...
  activeItem: 1
}
于 2013-07-25T18:25:46.067 に答える
0

このように..使用setActiveItem();

   var main = Ext.create('widget.mainmenuview');

    if(condition) {
       main.setActiveItem(1);
    }
于 2013-07-25T12:28:39.513 に答える