Question

我需要将列表中所选项目的值传递给详细信息列表，以便从商店加载数据。

代码视图是

Ext.define('App.view.PresidentList', {
extend: 'Ext.List',
xtype: 'presidentlist',
requires: ['App.store.Presidents','Ext.dataview.NestedList','Ext.data.proxy.JsonP'],

config: {
    title: 'Events',
    iconCls: 'star',
    //grouped: true,
    itemTpl: '<b>{evento}</b><br>{nombre}',
    store: 'Presidents',
    onItemDisclosure: true,

}

}）;

代码控制器

Ext.define('App.controller.Main', {
extend: 'Ext.app.Controller',

config: {
    refs: {
        main: 'mainpanel'
    },
    control: {
        'presidentlist': {
            disclose: 'showDetail'
        }
    }
},

showDetail: function(list, record) {

    var listItems = Ext.create('App.store.ListItems', {newUrl : record.getData()});
    listItems.load();

    this.getMain().push({
        xtype: 'presidentdetail',
        title: record.fullName(),
        data: record.getData(),
        store: listItems
    });
}

}）;

代码视图datail

Ext.define('App.view.PresidentDetail', {
extend: 'Ext.tab.Panel',
xtype: 'presidentdetail',

config: {
    title: 'Details',
    scrollable: 'vertical',
    items:
    [
        {
            extend: 'Ext.List',
            xtype: 'presidentlist',
            requires: ['App.store.ListItems','Ext.dataview.NestedList','Ext.data.proxy.JsonP'],

            config: {
                title: 'Events',
                iconCls: 'star',
                //grouped: true,
                itemTpl: '<b>{evento}</b><br>{nombre}',
                store: 'ListItems',
                onItemDisclosure: true,

            }
        },
        {
            xtype: 'nestedlist',
            title: 'Contactos',
            id: 'panel2',
            useToolbar:false, 
            displayField: 'title',
            store: {
                type: 'tree',
                fields: [
                    'title','link','author','contentSnippet','content',
                    {name: 'leaf', defaultValue: true}
                ],
                root: {
                    leaf: false
                },
                proxy: {
                    type: 'jsonp',
                    url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.feedburner.com/SenchaBlog/',
                    reader: {
                        type: 'json',
                        rootProperty: 'responseData.feed.entries'
                    }
                }
            },
            detailCard: {
                xtype: 'panel',
                scrollable: true,
                styleHtmlContent: true
            },
            listeners: {
                itemtap: function(nestedList, list, index, element, post) {
                    this.getDetailCard().setHtml(post.get('content'));
                }
            }
        },
        {
            xtype: 'panel',
            id: 'panel5',
            title: 'Costos',
            iconCls: 'home'
        },
        {
            xtype: 'panel',
            title: 'Otros',
            iconCls: 'favorites',
            id: 'panel5'                
        },
    ]
}

}）;

并且ListItems的代码存储区是

Ext.define('App.store.ListItems',{
extend: 'Ext.data.Store',
autoLoad: true,
config: {
    model: 'App.model.President',
    proxy: {
        //autoLoad: true,
        type: 'ajax',
        url:<-------->here comes the url with the variable that is passed from the list
        reader: {
            type: 'json',
            rootProperty: "test"
        }
    }
}

}）;

请不要与此问题合作。非常感谢你。

Answer 1

如果您只想更改商店代理的网址，可以这样做

Ext.getStore('YourStoreId').getProxy().setUrl("your_new_url");
Ext.getStore('YourStoreId').load();

Answer 2

您必须在代理中使用estraParams extraParams：{Parm1：2，Parm2：'eeee'}，

sencha touch 2如何从项目列表中创建url动态存储

2 个答案: