Set value to text or number fields

[Intraday]

Hello,

-Controller
MyController.js
- View
MyPanel

I have created MyPanel.js in the view folder with some text and number fields and one button. In MyController.js I want to set different value to the fields in MyPanel every time someone push the button. Can you please tell me how I cant set values or disabe/enable the fields from the controller?

Thanks in advance

[scottmartin]

In your controller function, just get access to your for and then drill down:

refs : [
    {
         ref      : 'editForm',
         selector : 'myapp-user-edit'
    },
],

// function

var me       = this,
    editForm = me.getEditForm(),
    field       = editForm.down('#field_user_name'); // itemId

field.setValue('new value');

[Intraday]

Hello,
Thank you for your reply. But it doesnt work when I try it.

In your controller function, just get access to your for and then drill down:

refs : [
    {
         ref      : 'editForm',
         selector : 'myapp-user-edit'
    },
],

// function

var me       = this,
    editForm = me.getEditForm(),
    field       = editForm.down('#field_user_name'); // itemId

field.setValue('new value');

[scottmartin]

Please provide more detail .. where does it break? perhaps if you show your code.

[Intraday]

In MyView.js which is in the view directory I have this field userName.
Here is a bit of my code:

Ext.define('myapp.view.MyView, {
    extend: 'Ext.panel.Panel',
    alias: 'widget.myview,    width: 400,
    title: 'Input',
    initComponent: function() {
        var me = this;
        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'fieldcontainer',
                    height: 292,
                    width: 300,
                    layout: {
                        type: 'absolute'
                    },
                    fieldLabel: '',
                    hideLabel: true,
                    items: [
                        {
                            xtype: 'textfield',
                            x: 35,
                            y: 45,
                            fieldLabel: 'UserName',
                            name: 'userName'
                        },

I took your code and pasted to the MyContoller.js which is in the controller directory

refs : [
    {
         ref      : 'editForm',
         selector : 'myapp.view.MyView'
    },
],

And paste it in a function:

var me       = this,
    editForm = me.getEditForm(),
    field       = editForm.down('#userName'); // itemId
field.setValue('Test');

When I run it. It says that the something is undefind.

[scottmartin]

Try changing your selector to your alias

selector : 'myview'

[Intraday]

Thanks alot and God bless you!

If I want to change several fields, should I repeat the same process?

[scottmartin]

Sure .. not a problem.