FormPanel: accessing the data object

[kalor]

Hi guys,

I'm new to sensha and to some extent js. I've created a test app with list and detail forms, pretty standard stuff I guess. Here's my list definition:

       MyApp.views.requestsList = new Ext.List({
            id: 'requestsList',
            store: 'RequestJobStore',
            onItemDisclosure: function (record) 
            {
                var selectedJob = record;
                MyApp.views.JobEditor.load(selectedJob);
                MyApp.views.viewport.setActiveItem('JobEditor', { type: 'slide', direction: 'left' });
            },
            itemTpl: '<div class="list-item-title">{Name}</div><div class="list-item-jobfield">{Company}</div>',
            listeners: {
                'render': function (thisComponent) {
                    thisComponent.getStore().load();
                }
            }
        });

You can see that the selectedJob is passed to the JobEditor.

Now the JobEditor displays some of the fields in the Job data object. In the JobEditor's code I know I can get the value of these by

MyApp.views.JobEditor.getValues().FieldName

What I want to know is, how can I get the value of the other fields? The fields in the JSON object passed to the FormPanel, that do not have textfields?

I'm hoping I don't have to resort to dodgy invisible textfields or something. Not that I know how to do that either. Can anyone advise me please?

[mitchellsimoens]

I would use setRecord on the form and pass the record that was tapped on. You can then use updateRecord when you save the form and getRecord to get the record.

[AndreaCammarata]

Hi kalor.
As you said, getValues() returns an object containing the value of each field in the form, so if you don't have a field associated to the field values that you want to retrieve, you are not able to do that in that way.

However, I suggest you to use "hiddenfield" to contains the values of those fields that you don't want to show on your form, but that you still want to be able to get their values using the "getValues" function.

Hope this helps

[mitchellsimoens]

Hi kalor.
As you said, getValues() returns an object containing the value of each field in the form, so if you don't have a field associated to the field values that you want to retrieve, you are not able to do that in that way.

However, I suggest you to use "hiddenfield" to contains the values of those fields that you don't want to show on your form, but that you still want to be able to get their values using the "getValues" function.

Hope this helps

That's messy and unneeded DOM elements. Using the built in functions to work with records is better.

[AndreaCammarata]

That's messy and unneeded DOM elements. Using the built in functions to work with records is better.

I agree, but we don't know his application architecture, so he probably need to save the record inside the controller, and when he need to get all the complete record data (the one edited by the form and the one not visible inside the form), should merge the one retrieved by calling the "form.getValues() function" with the one stored inside the saved record.
However I agree on the fact that keeping the DOM clear on mobile apps has to be a priority.

[mitchellsimoens]

I agree, but we don't know his application architecture, so he probably need to save the record inside the controller, and when he need to get all the complete record data (the one edited by the form and the one not visible inside the form), should merge the one retrieved by calling the "form.getValues() function" with the one stored inside the saved record.
However I agree on the fact that keeping the DOM clear on mobile apps has to be a priority.

So let's coach him the better way since he is already going to have a record from the list.

[kalor]

OK I think I have the record, but I don't know the syntax to use it. I thought I'd be able to use record.fields[0] or record.CompanyName or something. How do I get the value of a specific field?

[AndreaCammarata]

If your record has a CompanyName field, that you just need to call

record.get('CompanyName');

http://docs.sencha.com/touch/2-0/#!/...del-method-get

In the same way, if you have to set a field value, just call

record.set('CompanyName', 'My Company Name');

http://docs.sencha.com/touch/2-0/#!/api/Ext.data.Model-method-set

Hope this helps.