如何获取组合框ext js中的大写值项？

Question

How to populate the combo box with uppercase value items for the below: Thank you

I have below code 1 and store in the view calling web api as in store reader in code 2 :

Code 1 :

comboBox.store.load({
    callback: function () {
        comboBox.setValue(params.val)
    }
});

Code 2 :

Ext.define('App.View.Value', {
    extend: 'Ext.form.field.ComboBox',
    alias: 'widget.App-View-Value',
    labelAlign: 'right',
    emptyText: 'Value',
    valueField: 'Id',
    displayField: 'Name',
    forceSelection: true,
    allowBlank: false,
    editable: false,
    triggerAction: 'all',
    lastQuery:'',
    store: {
        type: 'webapi',
        autoLoad: false,
        api: {
            read: 'api/filter/getVal'
        }
    }
});

Answer 1

If params.val is a String you can do a UpperCase transformation with .toUpperCase() like this

comboBox.store.load({
    callback: function () {
        comboBox.setValue(params.val.toUpperCase())
    }
});

Answer 2

You can do it by iterating over records in store's callback function.

Code snippet:

comboBox.store.load({
    callback: function (records, operation, success) {
        records.forEach(function (rec, index) {
            rec.set('Name', rec.get('Name').toUpperCase());
        })
    }
});

Working Example

Hope this will help/guide you.