1

我有 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
});

这是我的卡片布局。在这里，我想显示卡片项目的第二页。这样做显示正常，但无法刷到上一张卡，这将返回。

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
    });

我知道，在卡片布局中，第一个卡片项目总是首先显示，但在我的情况下。加载Main.js文件时显示第二项（第二页）。和滑动双面，正面首页显示和背面第三页显示。 在此处输入图像描述

如何做到这一点，请指导我。在此先感谢。

编辑：

我解决了这个问题，但是当得到第二个项目时，为什么要加载第一个项目然后第二个项目。这意味着每当显示第二个项目时，都会显示第二个第一个项目。

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
});

我也在配置中尝试了 activeItem:1 ，但没有任何变化。

4

2 回答 2

0

就像这样..使用setActiveItem();

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

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

在您的轮播配置中使用此属性：

config: {
  // .... other config properties ...
  activeItem: 1
}
于 2013-07-25T18:25:46.067 回答