how to get values from a selected item into a Ext.List....

**Olivierco** · 31 May 2012 11:53 AM

Hi,

i have a Ext.List with data inside. very simple. is just for a test for now.
so when i select an item of my list i want to retreive values from it.

all i do is to get my component
var icoList = Ext.getCmp('iconlist'); then the method getSelection();
icoList.getSelection(); when i do that in the console, i get an Object like below. all i want to get is the value of photo: "touch/images/boss.png".
but impossible to get this value.

any help guys please.
thank

Code:

[Object_data: Objectid: 5
photo: "touch/images/boss.png"
__proto__: Object

data: Objectid: 5
photo: "touch/images/boss.png"
__proto__: Object

id: "ext-record-115"
modified: Object
raw: Object
stores: Array[1]
__proto__: Object

Code:

                 {     xtype: 'list',
                                    id: 'iconlist',
                                    height: 50,
                                    padding: 0,
                                    scrollable: 'horizontal',
                                    inline: {
                                        wrap: false 
                                    },
                                    data: [
                                        {id: 1, photo: 'touch/images/boss.png'},
                                        {id: 2, photo: 'touch/images/boss.png'},
                                        {id: 3, photo: 'touch/images/boss.png'},
                                        {id: 4, photo: 'touch/images/boss.png'},
                                        {id: 5, photo: 'touch/images/boss.png'},
                                        {id: 6, photo: 'touch/images/boss.png'},
                                        {id: 7, photo: 'touch/images/boss.png'},
                                        {id: 8, photo: 'touch/images/boss.png'},
                                        {id: 9, photo: 'touch/images/boss.png'},
                                        {id: 10, photo: 'touch/images/boss.png'}
                                    ],
                                    itemTpl: [
                                        '<img src="{photo}">'
                                    ]
                                }

Olivierco

thanks,
i found the solution:
the solution is, as sel return an array, I just have to select the object inside the array.

Code:

var icoList = Ext.getCmp('iconlist'),     sel = icoList.getSelection(),
     array = sel[0];

and then access to my value with
array.data.photo

**Olivierco** · 1 Jun 2012 2:23 AM

someone?

**mitchellsimoens** · 3 Jun 2012 12:55 PM

getSelection() should return either a record or an array of records. If you want a field value in that record then use the get method on the record passing in the field name you want the value of.

**Olivierco** · 3 Jun 2012 1:30 PM

thanks,
i found the solution:
the solution is, as sel return an array, I just have to select the object inside the array.

Code:

var icoList = Ext.getCmp('iconlist'),     sel = icoList.getSelection(),
     array = sel[0];

and then access to my value with
array.data.photo

**mitchellsimoens** · 3 Jun 2012 1:56 PM

You should do

Code:

array.get('photo')

**Olivierco** · 3 Jun 2012 2:13 PM

i did it,
it works, but why it's better to do array.get('photo') than array.data.photo?

**mitchellsimoens** · 3 Jun 2012 4:44 PM

If there is a method available, it's better to use it in general. There may be code in there to return what you expect or a property may be renamed or...

how to get values from a selected item into a Ext.List....

Thread Tools

Search Thread

Display

Answered: how to get values from a selected item into a Ext.List....

Answered: how to get values from a selected item into a Ext.List....

Tags for this Thread