0

我有一个包含商店项目（{ value, text}）的组合框，有时我需要更新文本。当我这样做时，所选值（文本）不会更新。

这是要说明的小提琴，代码如下所示。我们在下拉列表中选择一个项目，然后单击更新文本。这将更新下拉列表中的文本，但不会更新组合框原始值。

[更新]：将 model.set() 替换为 store.loadData()

Ext.application({
    name : 'Fiddle',

    launch : function() {
        Ext.create("Ext.form.Panel", {
            renderTo: Ext.getBody(),
            width: 300,
            height: 200,
            bodyPadding: 20,
            layout: "form",

            items: [
                {
                    xtype: "combobox",
                    itemId: "pickmin",
                    fieldLabel: "Test",
                    queryMode: "local",
                    store: {
                        fields: ["value", "text"],
                        data: [
                            { value: 1, text: "Text 1" },
                            { value: 2, text: "Text 2" },
                            { value: 3, text: "Text 3" },
                            { value: 4, text: "Text 4" },
                        ]
                    }
                }
            ],

            buttons: [
                {
                    text: "Update Text",
                    handler: function (btn) {
                        const combo = btn.up("form").down("#pickmin");
                        const newData = []
                        combo.store.each(r => {
                            newData.push({
                                value: r.data.value,
                                text: r.data.text + "0"
                            });
                        });
                        combo.store.loadData(newData);
                    }
                }
            ]
        });
    }
});

4

2 回答 2

0

你必须使用

 r.set("text", r.data.text + "0");

更改每条记录中的值。您的按钮代码必须是：

 buttons: [{
            text: "Update Text",
            handler: function (btn) {
                const combo = btn.up("form").down("#pickmin");
                combo.store.each(r => {
                    r.set("text", r.data.text + "0"); 
                });
            }
          }]

更新

您可以使用该代码解决它：

combo.getStore().on("load",
    function (store, records, successful, operation, eOpts) {
       combo.setValue(combo.getValue());
    },
    this
)

我已经为你写了一个 Sencha fiddle 来展示解决方案：https ://fiddle.sencha.com/#view/editor&fiddle/3cf6

如果有帮助，我很高兴！请考虑接受最佳答案。

于 2021-03-13T10:32:58.103 回答
0

忘记设置组合框的 valueField 和 displayField 属性 组合框的属性应该是这样的

 xtype: "combobox",
 itemId: "pickmin",
 valueField:"value",
 displayField :"text"

现在可以从组合框中获取 rawValue

于 2021-03-15T08:54:00.860 回答