ExtJS4 Loading formPanel from PHP

[shadow_m]

I am trying to load formPanel from PHP (return Json)

On ExtJS 3.2 it works, but not in ExtJS4

SettingsForm.getForm().load({
url:'http://borsuko4/php/settings.php?action=showData', 
success : function() {alert('success ');}
});

Can anybody help me with this???
Thanks

[juanb]

Wich error are you getting on this? look at Firebug or google console and tell us more please.

[shadow_m]

firebug show me this error :

this.model is undefined
[Break On This Error] return this.model.prototype.fields.items;

[juanb]

seems like you have a problem with your ajax loader, may be you need to check your model def for the data loaded, check the AJAX example at: http://docs.sencha.com/ext-js/4-0/#!.../xml-form.html

[fulviocazzanti]

same problem with json

[soemi]

i have the same problem.
can anyobody help us ?

[juanb]

Can you provide a non-working example?

[soemi]

json:

({"total":"1", "hasil" : [{"id":"1","username":"admin","password":"123","nama":"Budi", "lastLogin":"2012-05-18 23:13:07"}]}) 

make model:

Ext.define('mdlProfil',{
    extend:'Ext.data.Model',
    fields:[
        {name: 'id', type: 'int', mapping: 'id'},
        {name: 'username', type: 'string', mapping: 'username'},
        {name: 'nama', type: 'string', mapping: 'nama'},
        {name: 'password', type: 'string', mapping: 'password'},
        {name: 'lastLogin', type: 'string', mapping: 'lastLogin', dateFormat: 'd-M-Y'}
    ]
}); 

and then in form panel:

var frmProfil = Ext.create('Ext.form.Panel', {
...
reader : Ext.create('Ext.data.reader.Json', {
    model: 'mdlProfil',
    root: 'hasil'
}),
... 

don't forget to load:

frmProfil.getForm().load({url: 'ProfilController.php', method: 'POST', params: {aksi: 'aksiInit'}}); 

[adfued90]

hai soemi ,i try your code and it work,but i try on absolute layout browser (http://cdn.sencha.io/ext-4.1.1a-gpl/...t-browser.html ) it does not work. can you show some example ? the code :

function getCombinationLayouts() {


return {


start: {
id: 'start-panel',
title: 'Start Page',
layout: 'fit',
bodyStyle: 'padding:25px',
contentEl: 'start-div' // pull existing content from the page
},


absoluteForm: {
title: 'Absolute Layout Form',
id: 'abs-form-panel',
layout: 'fit',
bodyPadding: 15,
items: {
title: 'New Email',
layout: 'fit',
frame: true,
items: {
xtype: 'form',
layout:'absolute',
padding: '5 5 0 5',
border: false,
cls: 'absolute-form-panel-body',

defaultType: 'textfield',
items: [{
x: 0,
y: 5,
xtype: 'label',
text: 'From:'
},{
x: 55,
y: 0,
name: 'from',
hideLabel: true,
anchor:'100%' // anchor width by %
}]


}



}
}
};
}