有没有办法在本地使用最后选择的选项加载Ext？

Question

当我刷新页面时，我希望能够加载Ext中最后选择的任何选项。目前，在下面的代码中，它每次只加载第一个选项“all”。我知道有一个localStorage代理，但不确定如何在代码中实现它。下面是我所拥有的：

let stageFilterCombo = Ext.create("Ext.form.field.ComboBox", {
                height: 38,
                cls: "arrowCls ro-dropdown-ui br-5 stageFilterDropdownUI",
                labelAlign: 'left',
                itemId: "PACK_STAGE_FILTER_COMBO",
                labelSeparator: "",
                labelWidth: 15,
                originalIdx: 2,
                hidden: isPackForEntity,
                margin: '0 15',
                displayField: "name",
                valueField: "value",
                editable: false,
                width: 190,
                name: "groupBy",
                value: "all",
                store: Ext.create("Ext.data.Store", {
                    fields: ["name", "value"],
                    data: [{
                            "name": "Show : All Packs",
                            "pickerName": "All Packs",
                            "value": "all"
                        }, {
                            "name": "Show: Ongoing",
                            "pickerName": "Ongoing",
                            "value": "ongoing"
                        }, {
                            "name": "Show: Completed",
                            "pickerName": "Completed",
                            "value": "completed"
                        }
                    ]
                }),
}

假设我选择了'completed'，我希望一旦我返回到这个ComboBox过滤器所在的位置，它就会再次加载'completed‘。任何帮助都将不胜感激！

Answer 1

您可以使用cookie来完成此操作：

Ext.onReady(function () {
    var nextMonth = new Date();
    nextMonth.setMonth(nextMonth.getMonth() + 1);
    var _myCookie = Ext.util.Cookies.get('ComboLastSelected');

    var states = Ext.create('Ext.data.Store', {
        fields: ['abbr', 'name'],
        data: [{
                "abbr": "AL",
                "name": "Alabama"
            }, {
                "abbr": "AK",
                "name": "Alaska"
            }, {
                "abbr": "AZ",
                "name": "Arizona"
            }
        ]
    });

    var combo = Ext.create('Ext.field.ComboBox', {
        fieldLabel: 'Choose State',
        width: 200,
        store: states,
        queryMode: 'local',
        queryDelay: 100,
        displayField: 'name',
        valueField: 'abbr',
        minChars: 2,
        value: _myCookie ? _myCookie : '',
        forceSelection: true,
        renderTo: Ext.getBody(),
        matchFieldWidth: false
    });

    combo.on('select', function () {
        Ext.util.Cookies.set('ComboLastSelected', this.getValue(), nextMonth);
    });

});

https://fiddle.sencha.com/fiddle/3f2i