Sencha touch 如何在sencha中使用动态数据（使用url）使carousel无限

从2天开始，我一直在尝试创建包含所需数据的无限旋转木马，但无法获得它。我还尝试了厨房水槽（触摸式）。我的主题也和触摸风格一样。我有类别，如果我单击一个类别，然后显示相关的相应单词，这是更多不同的旋转木马项目

我不知道有多少个词。但我想在一个滑动视图中显示7个单词（如果我有35个，那么我需要5个视图），这是旋转项目，就像厨房水槽（触摸式）

来源： 然后单击Dress，您必须显示dressess。 我只想这样展示

---

我只显示了类别，但无法显示类别中相应的单词

我到目前为止所做的： 查看/CategoryPage.js

 Ext.define('MyApp.view.CategoryPage', {
      extend: 'Ext.Container',  
      alias: "widget.categorypage",   
      config: {    
       layout: 'vbox',   
       items: [
       {
        xtype:'globalmenu',
      },
      {
        xtype: 'toolbar',
        //docked: 'top',
        cls:'roundedToolbar',      
        title: 'Categories',
      },

      {  
        xtype:'panel',      
        flex: 1,  
        layout: 'fit', 
        cls: 'category-data',
        items:[          
        {
          scrollable: {  
            direction: 'vertical',
            directionLock: true,
          },
          xtype: 'list',        
          layout: 'fit',        
          itemHeight: 20,
          store: 'CategoryStore',
          itemTpl: [

          '<div class="categoryListings">',
          '<tpl for="data">',
          '<span onClick="catOption({cat_id})">{category_name}</span> ',
          //'<span >{category_name}</span> ',         
          '</tpl>',
          '</div>',

          ].join(''),
          listeners: {
                itemtap : function(list, index, target, record, event,cat_id) {
         //var id = index;
         var id = index + 1;
        console.log( "iOS" + id);

        catOption(id);

      }
    }
        }
        ]
      },
        ]
      }
    });

     function catOption(id){
          console.log("ID--"+id);
      var  token= '650773253e7f157a93c53d47a866204dedc7c363';

        var url = 'http://alucio.com.np/trunk/dev/sillydic/admin/api/word/searched_words_with_definition/catID/'+id+'/SDSILLYTOKEN/'+token;

        var stProxy = Ext.StoreMgr.get("CategoryWordDisplayStore").getProxy();
        stProxy.setUrl(url);
        Ext.getStore("CategoryWordDisplayStore").load();

         Ext.Viewport.remove(Ext.Viewport.animateActiveItem({ xtype: 'categorywordsdisplay' },{type:'slide'}), true);  

      }

Ext.define('MyApp.model.CategoryModel', {
  extend: 'Ext.data.Model',
  requires: ['MyApp.model.CategoryModelMenu'],
  config: {
    fields: [
    {name:'data', mapping: 'data'},
    {name: 'cat_id'},
    {name: 'category_name'}, 
    ],       
  },
});

和

Ext.define('MyApp.model.CategoryModelMenu', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
           /*'cat_id',*/
           'category_name',
          ],

        belongsTo: "MyApp.model.CategoryModel"
    }
});

点击类别后的文字显示模式：

Ext.define('MyApp.model.CategoryDisplayModel', {
    extend: 'Ext.data.Model',
    requires: ['MyApp.model.CategoryDisplayModelMenu'],
    config: {
        fields: [
         {name:'data', mapping: 'data'},
            {name:'name'},
            {name: 'category'},
            {name: 'author'},
        ],
    }
});

和

Ext.define('MyApp.model.CategoryDisplayModelMenu', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
           /*'cat_id',*/
           'category',
           'name',
        ],

        belongsTo: "MyApp.model.CategoryDisplayModel"
    }

商店：

Ext.define('MyApp.model.CategoryDisplayModel', {
    extend: 'Ext.data.Model',
    requires: ['MyApp.model.CategoryDisplayModelMenu'],
    config: {
        fields: [
         {name:'data', mapping: 'data'},
            {name:'name'},
            {name: 'category'},
            {name: 'author'},
        ],
    }
});

类别展示店：

Ext.define('MyApp.store.CategoryStore',{
extend: 'Ext.data.Store', 
config:
{
    model: 'MyApp.model.CategoryModel',
    autoLoad:true,
    id:'Contacts',
    proxy:
    {
        type: 'ajax',
      url: 'http://alucio.com.np/trunk/dev/sillydic/admin/api/word/categories/SDSILLYTOKEN/650773253e7f157a93c53d47a866204dedc7c363', 

        reader:
        {
                rootProperty:''
        }
    }
}
});


});

文字显示存储：

Ext.define('MyApp.store.CategoryWordDisplayStore',{
extend: 'Ext.data.Store', 

config:
{
    model: 'MyApp.model.CategoryDisplayModel',
    autoLoad:true,
    id:'Category',
    proxy:
    {
        type: 'ajax',
         url: 'http://alucio.com.np/trunk/dev/sillydic/admin/api/word/searched_words/',

        reader:
        {
                rootProperty:''
        }
    },
}
});

我还没有创建任何控制器

JSON:和 如果我向右滑动，则cat id将更改为2，然后再次向右滑动，然后更改为3，依此类推。如果我从3个cat id向左滑动，则转到cat id 2。

---

请帮我解决。提前谢谢。

这是一个无限旋转木马，您必须在这里修复，但我只想知道何时从服务器获取值。@tdebaileul，我正在使用您的代码，我正在使用存储中的tpl从服务器加载数据，但tpl是空的，为什么？你能帮我整理一下吗？@tdebaileul，你能帮我吗