how to set Value for extjs textfield?

Question

i have a lot of textfields for userdata. and i wish to set it from DB.

items: [{
                        xtype: "form",
                        bodyPadding: 5,
                        border: false,
                        defaults: {
                            xtype: "textfield",
                            inputType: "text",
                            anchor: "100%"
                        },
                        items: [{
                            fieldLabel: 'Username:',
                            readOnly: true,
                            value: 'Admin',
                            name: "username"
                        }, {

i have external class named openDB.js with method getUserByUsername() here is small code how its will be used in other view and it works, but in my actuall view i cant set the Value of textfield. please help how to do that?

 openDB.getUserByUsername(user.username).then(function(userDetails) {
            me.setTitle("Welcome " + userDetails.mail + "!");
        });

i want to do something like this with value: 'Admin' and so on...

i found some method on Sencha Forum, but can I use it??

setValue: function(value) {
        var me = this;
        me.setRawValue(me.valueToRaw(value));
        return me.mixins.field.setValue.call(me, value);
    },

r.r · Accepted Answer · 2015-06-17T13:28:25.250

37

after couple hours of fighting with that -> BEST SOLUTION EVER:

items: [{
                        fieldLabel: 'Username:',
                        id: 'usernameID',
                        readOnly: true,
                        value: user.username,
                        name: "username"
}]
... 
var name = Ext.getCmp('usernameID').setValue('JohnRambo');

edited Jun 17 '15 at 13:28

answered Aug 14 '13 at 12:40

r.r

7,023
28
87
129

2

Excellent, if you have a number of them you can: Ext.Object.each(values, function(key, value) { Ext.getCmp(key).setValue(value); }); – dviramontes May 28 '14 at 20:42
Works like a charm!! Thanks buddy. – Neotrixs Jul 05 '16 at 09:52

score 1 · Answer 2 · answered Aug 14 '13 at 11:44

1

Why not just set up a model and store for your form and use the loadRecord method?

answered Aug 14 '13 at 11:44

bakamike

1,004
2
7
11

loadRecord() function expects a single record correct? The state of the Ext.store, data might be dessimilar from that of the form. – dviramontes May 28 '14 at 20:45

score -2 · Answer 3 · answered Oct 09 '18 at 13:05

-2

It works for me:

ELEMENT.inputEl.dom.value = "000000";

answered Oct 09 '18 at 13:05

Zvi

577
6
19

how to set Value for extjs textfield?

3 Answers3