Question

我是这个平台的新手，现在我无法使用类别ID和令牌设置dyanimic网址。

我想要的：我列出了不同的项目，它们具有不同的ID但是相同的令牌，令牌（tokent是同一个用户）从登录阶段获得。我希望从服务器获得符合类别ID的价值。这是我的模特：

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.CategoryValueStore', {
    extend: 'Ext.data.Store',
    alias: 'store.CategoryValueStore',

    requires: [
        'MyApp.model.CategoryDisplayModel'
    ],
     config: {
        model: 'MyApp.model.CategoryDisplayModel',
        storeId: 'categoriesvaluestore',

    proxy: {
        type: 'rest',
        url: 'http://horror/myapp/api/word/searched_words/catID/'+ 1+'/'+ SDSILLYTOKEN+'/'+650773253e7f157a93c53d47a866204dedc7c363,
        noCache: false,           
        reader: {
            type: 'json',
            rootProperty: ''
        }  }    }
});

如何设置上面的网址，动态，cat id和令牌可能会有所不同。

但是当我在商店中设置

时，它会有效

Ext.define('MyApp.store.ArchitectureDisplayStore',{
extend: 'Ext.data.Store', 
requires:[
'MyApp.view.Main'
],
config:
{
    model: 'MyApp.model.CategoryDisplayModel',
    autoLoad:true,
    id:'Category',
    proxy:
    {
        type: 'ajax',
        url : 'http://horror/myapp/api/word/searched_words/catID/1/SDSILLYTOKEN/650773253e7f157a93c53d47a866204dedc7c363', // file containing json data
          reader:
        {
                rootProperty:''
        }  } }
});

在View中，我在列表中设置了这样的值：

Ext.define("MyApp.view.ArchitectureDisplayMain", {
  extend: 'Ext.Container',  
  alias: "widget.architecturewords", 

  config: {
   {      

       xtype: 'list',
       scrollable: true,       
       itemId: 'demolist',          
            itemTpl: [
            '<div><tpl for="data"><ul class="catList">{name} -test- {category}</ul> <ul>{author}</ul></tpl></div>'
            ],
            store: 'categoriesvaluestore',
          }
          }
          });

我的类别显示模型：

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

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

和

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.view.Category', {
    extend: 'Ext.List',
   alias: "widget.category", 
    config: {
        title: 'Stores',
        cls: 'category-data',
        scrollable: false,
        store: 'CategoryStore',
        itemTpl: [

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

        ].join('')
    }
  //}
});

function catOption(id){

  console.log("ID--"+id);
var  tokan= '650773253e7f157a93c53d47a866204dedc7c363';
     Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);  
         Ext.Viewport.add([

             { xtype: 'wordsview' }

             ]);  

} and others

在wordsview中，我想显示点击类别的相应字词。

没关系，点击这个，id p1的第一项，它会显示下一个视图。

请告诉我，如何获取符合其类别ID和令牌的动态数据。请给出一些解决方案。谢谢你前进。

Answer 1

如果我理解正确

假设您在localStorage中有类别ID和令牌。

你可以这样做

proxy:
{
   type: 'ajax',
   url : 'http://horror/myapp/api/word/searched_words/catID/'+localStorage.catId+'/SDSILLYTOKEN/'+localStorage.token,
     reader:{
       rootProperty:''
     }  
}

OR

执行@Alex posted。那是更好的方式..比如

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

    var url = 'http://horror/myapp/api/word/searched_words/catID/'+id+'/SDSILLYTOKEN/'+token;

    Ext.getStore("categoriesvaluestore").getProxy().setUrl(url); 
    Ext.getStore("categoriesvaluestore").load();

     Ext.Viewport.remove(Ext.Viewport.getActiveItem(), true);  
     Ext.Viewport.add({ xtype: 'wordsview' });  
}

Answer 2

从您的视图或其他任何位置访问您的商店时，您可以通过这种方式动态更改网址：

var stProxy = Ext.StoreMgr.get("myStore").getProxy();
stProxy.setUrl("http://the.new.url");
Ext.StoreMgr.set("myStore").setProxy(stProxy);

-

您的方案中的特定问题是您可能必须手动填充列表。如果您希望List包含使用不同URL调用同一Store的结果，我建议构建一个新的本地Store来加载所有迭代的内容。然后将List“store”属性设为此全局存储。

如何使用商店在sencha touch中设置动态网址？

2 个答案: