extjs 有没有方法可以在本地加载一个Ext JS ComboBox和最后选择的选项？

kokeuurv 于 2022-11-04 发布在其他

关注(0)|答案(1)|浏览(197)

我希望能够在刷新页面时加载Ext JS ComboBox中最后选择的任何选项。目前，下面的代码每次只加载第一个选项“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"
                        }
                    ]
                }),
}

如果我选择“完成”，我希望它再次加载“完成”，一旦我回到这个组合框过滤器的地方。任何帮助将不胜感激！

extjs

来源：https://stackoverflow.com/questions/68705816/is-there-a-way-you-can-load-a-ext-js-combobox-with-the-last-selected-option-loca

1条答案

按热度按时间

yws3nbqq1#

您可以使用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

赞(0）回复(0）举报 2022-11-04

我来回答

extjs 有没有方法可以在本地加载一个Ext JS ComboBox和最后选择的选项？

1条答案

相关问题

热门标签

最新问答