javascript - Extjs Displayfield is not getting populated from the store -

i new ext js , little stuck on appears easy dont know how go achieving it.

i trying retrieve data store should appear in field.displayfield format not able so.

example: name: machine 45

machine 45 should retrieved store procedure when define:

store:abc, value: 'program_id' 

instead of displaying value under program_id column displays 'program_id', i.e

name:  program_id. 

any idea how can link store procedure , ext.form.field.display? have tried every possible suggestion found online.

my code in view file is:

var name = ext.create('ext.form.field.display', {     xtype: 'displayfield',     id: 'program_name',     name: 'name',     fieldlabel: 'name',     labelwidth: '250px',     width: 450,     height: 20,     store: programassetarray,     value: 'o_program_id' });  me.items.push(name); 

and store code is:

ext.define('availability.store.programdata', {     extend: 'ext.data.arraystore',     fields: [         {name: 'o_program_id', type: 'integer'},         {name: 'o_program_name', type: 'text'},         {name: 'o_parts_expected', type: 'integer'},         {name: 'o_start_time', type: 'bigint'},         {name: 'o_end_time', type: 'bigint'},         {name: 'o_duration', type: 'bigint'},         {name: 'o_station_id', type: 'integer'},         {name: 'o_head_id', type:'integer'}     ] }); 

so, how can retrieve data store procedure?

display field can display 1 value - cannot declare store it. need display fields of store values. should combined in form , can load record store in form.

your name property should o_program_id , value shouldn't hardcoded:

var name = ext.create('ext.form.field.display', {     //  ...     name: 'o_program_id',     // ... }); 

and can declare such fields each of record values.