Question

我有一个Ext.List，显示特定帐户的帐户历史记录，对于每个帐户，我加载了自己的历史记录，例如，从此网址：www.mysite.com/accounts/loadHistory？= accountId（或通过POST请求，并不重要。

输入视图后，为每个帐户重新加载数据的最佳做法是什么？

我现在的方式如下：

输入视图时：

var store = Ext.getStore（storeId）;

store.removeAll（）; //删除数据，以便在重新加载新帐户的数据之前不会显示旧帐户的历史记录
store.setParams（id）.load（）; //加载帐户数据

视图：

 Ext.define('myApp.view.AccountHistory', {

    extend: 'Ext.List',

    xtype: 'accounthistory',

    config: {
        store: 'accountHistoryStore',
        emptyText: 'No history available',
        itemCls: 'expandedListItem',
        itemTpl: Ext.create('Ext.XTemplate',
            '<p>{accountId} - {accountText}</p>')
    },

    initialize: function() {

        this.callParent(arguments);

        var accountData = this.config.accountData; // parameter passed to view

        var store = Ext.getStore('accountHistoryStore');
        store.removeAll(); // remove current store records so the old account's info is not shown till the new account is loaded
        store.setParams(accountData.id); // set new proxy url 
        store.load(); // reload history for new account

    }

});

商店：

Ext.define('eMaliApp.store.ChildActivities', {

    extend: 'Ext.data.Store',

    requires: [
        'myApp.model.AccountHistory'
    ],

    config: {
        model: 'myApp.model.AccountHistory',
        storeId: 'accountHistoryStore',
        proxy: {
            type: 'ajax',
            url: myApp.utils.Config.getBaseUrl() + 'account/history',
            method: 'post'
            reader: {
                type: 'json',
                rootProperty: 'history'
            }
        }
    }

});

Answer 1

这取决于您的工作流程。但是，当用户想要查看他的帐户历史记录时，您也可以通过他的帐户ID（或任何时候）过滤商店，而不是从商店中删除所有商品。因此，如果用户回到他的帐户历史记录，您将无法再次加载其数据。

Sencha Touch：使用参数存储动态加载Ext.List

1 个答案: