记住selectfield煎茶

Question

如何在selectfield touch中store selectfield ，这样，当选择一个字段时，任何方法都使用该值，但是当页面刷新时，它会自动选择上一个选择。

我的代码：

          {
                xtype: 'fieldset',
                items: [{
                    xtype: 'selectfield',
                    id: 'remem',
                    label: 'MY Label',
                    store: 'remem',
                    options: [
                    {
                        text: 'Option1',
                        value: 'a'
                    },
                     {
                        text: 'Option2',
                        value: 'b'
                    }]
}]
}

Answer 1

@ developer，@ jenson和我建议您将值保存在cookie中，以便在刷新浏览器之间保留该值。 如果我记得正确的话，Extjs在实用程序名称空间中提供了一个cookie管理器类。

编辑

对于Sencha Touch，您实际上应该按照此处的文档使用LocalStorage代理。文档中有一个示例，显示了如何保存用户特定信息以供以后检索（刷新等之后）

实际上，通过将用户显示偏好设置保存在我的应用程序中，我已经将其用于我自己的应用程序，以便他们下次登录时界面保持原样。

商店：

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

    requires: [
        'MyApp.model.UserPreferencesModel',
        'Ext.data.proxy.LocalStorage'
    ],

    config: {
        model: 'MyApp.model.UserPreferencesModel',
        storeId: 'UserPreferencesStore',
        proxy: {
            type: 'localstorage',
            id: 'userpreferences'
        }
    }
});

模型

Ext.define('MyApp.model.UserPreferencesModel', {
    extend: 'Ext.data.Model',

    requires: [
        'Ext.data.Field'
    ],

    config: {
       fields: [
            {
                name: 'userPrefKey'
            },
            {
                name: 'userPrefValue'
            }
        ]
    }
});

通过此设置，您可以像平常对任何其他商店所做的那样添加记录

store.add({userPrefKey: '01-showMap', userPrefValue: true});

或编辑现有条目

rec = store.findRecord('userPrefKey','01-showMap');
rec.set('userPrefValue',false);

每当您要保存更改时，还必须在存储上调用sync（），并从本地存储中检索保存的记录，只需像其他任何存储一样调用load（）即可。

请注意，我的代码是为Touch 2.3编写的，因此在最新的2.4.x版本中可能略有更改。 但这当然可以带您上路。

Answer 2

将选择字段值存储到localstorage中，并在刷新页面时将该值分配给selectField。 因此，您将始终获得先前选择的值。