about how to add data to Form + grid

[r2k]

ok, i'll tell a short history about what am i doing ...

i need to load data from XML

<rows>
   <data name='' value='' />
   .....
<rows>

and because i have a window with tab pannel i used a formpanel in tab 1 and a grid panel in the second tab
i'm loading part of the data into the form panel and the rest on the grid panel....

ok... i begin loading the data with a Datastore (XMLReader/HttpProxy) and later using the load listener to fill the data into the formpanel and later calling LoadData(oData, bAppend) to fill the DataStore (ArrayReader/MemoryProxy) using the data from the first datastore to load the seccond APPEDING the adquired data.

everything appears to flowing perfectly but i can't make that the fields update the values when the new data is adquired ... debugging with firefox apparently i'm doing fine ... but really i don't know whats is really happening ...

store	: new Ext.data.Store({
    proxy		: new Ext.data.HttpProxy({url : 'datos/detObjeto.asp'}),
    id			: 'nombre',
    reader		: new Ext.data.XmlReader({
        record		: 'data',
        id			: '@name'
        },
        [{name: 'tname', mapping: '@name'},
        {name: 'tvalue', mapping: '@value'}]
    ),
    listeners	:{
        'load'	: function(	oDts, oRecs, oOpts){
            var cont;
              for(cont=0;cont < oRecs.length;cont++ ){
                if(oRecs[cont].get('tname') == 'XXXX'){
                    Ext.getCmp('txtXXXX').value=oRecs[cont].get('tvalue');
                    continue;
                }// Code to update the field value
                  Ext.getCmp('grdXXXX').store.loadData(oRecs[cont].data,true);// Code to fill the grid					
              }

The question is ...

thius is the best way to update the data into the form components ? ....

if need more details say it

[greyknght1]

I am not going to write it out for you exactly but this is what I did.
profileName.setValue(obj.getAt(r).get('profileName'));

profileName is the name of the profileName text field. r= the record, and profileName is the datastore reader value for the data element ({name: 'profileName', mapping: 'profileName', type: 'string'} as you can see.)

I am sure that there might be a better way to take data from a datastore and place it into fields, but this seems to work rock solid for me. Have fun!

Mike

[r2k]

i will try that but what about the method used to fill teh grid

[zhegwood]

i will try that but what about the method used to fill teh grid

The grid will update when the store's data is updated... In order to update the information, you'll commit the changes.

store.commitChanges()

[r2k]

HI ty for the reply,

my field finally update
i did this

Ext.getCmp('tpZZZ').form.findField("txtXXX").setValue(oRecs[cont].get('tvalue'));

instead of :

Ext.getCmp('txtXXXX').value=oRecs[cont].get('tvalue');

but i'm not having any succes loading the grid with my new data

Ext.getCmp('grdXXXX').store.removeAll();
Ext.getCmp('grdXXXX').store.loadData(oRecs[cont].data,true);
Ext.getCmp('grdXXXX').store.commitChanges();

any ideas about how can i load the data ?

This is how i declared my grid (panel)

{
    title	: '...',
    xtype	: 'grid',
    id		: 'grdXXXX',
    store	: new Ext.data.Store({
            proxy		: new Ext.data.MemoryProxy([]),
            id			: 'dtsExtra',
            reader		: new Ext.data.ArrayReader({},[{name: 'tname'},{name: 'tvalue'}])
    }),
    columns: [
        {header: "Property", width: 200, sortable: true, dataIndex: 'tname'},
        {header: "Value", width: 120, sortable: true, dataIndex: 'tvalue'}
    ],
    viewConfig: {
        forceFit: true
    }
}

[fay]

If oRecs[cont].data is valid, I think that all you should have to do is:

Ext.getCmp('grdXXXX').store.loadData(oRecs[cont].data, false);
Ext.getCmp('grdXXXX').getView().refresh(); 

[r2k]

ok. I updated the gridview but now i have an scope problem.... :S

firebug says:

Ext.getCmp('grdXXXX').getView().refresh(); <------ Error on this line
----------------------------
this.grid is undefined http://.../extjs/ext-all.js Line 144

any ideas .... ¿?

[mjlecomte]

Aug 2007?
You should know about this already:
http://extjs.com/learn/Ext_FAQ_Debug...d_source_files

[r2k]

oops shame!!! ...

ok in this line

extjs-all-debug.js

31590 refresh : function(headersToo){
31591      this.fireEvent("beforerefresh", this);
31592      this.grid.stopEditing(true); //<---- ERROR!!!!!!! 
31593
31594       var result = this.renderBody();
31595       this.mainBody.update(result);
31596
31597       if(headersToo === true){
31598             this.updateHeaders();
31599             this.updateHeaderSortState();
31600       }
31601       this.processRows(0, true);
31602       this.layout();
31603       this.applyEmptyText();
31604       this.fireEvent("refresh", this);
31605 }

FYI - not develop too much in extjs currently making test on it

[mjlecomte]

I'd suggest reposting your latest code. Can't quite get where you're at now.