How to fill form in Dialog with values from JSON?

[Arikon]

I have Ext.grid.Grid component, which get a list of users from JSON script.
When i dblclick on row with user user edit BasicDialog is opened.
That is working right.

Now I want to fill form fields of that BasicDialog with data, which I want to recieve from another JSON script.
How can I do it? I'm using Ext-1.0-alpha2.
Documentation doesn't contain any info about Ext.data.Store, Ext.data.DataReader, Ext.data.JsonReader and so on.

[Arikon]

Or simply please me give link to existing example. If so exists.

[reang]

Hi Arikon,

I just studying from "Loading/Saving a Dynamic Form using XML" on EXTJS 1.0 example, was i modified the code, i found code like this...

//craete Form for Dialog
frmDLg = new Ext.form.Form({
	labelWidth: 100,
	reader : new Ext.data.JsonReader({
		root: 'myFriends', totalProperty: 'totalCount'
	}, [
		{name: 'YoureNameField1', mapping: 'YoureNameField1', type: 'string'},
		{name: 'YoureNameField1', mapping: 'YoureNameField1', type: 'string'},
		{name: 'YoureNameField1', mapping: 'YoureNameField1', type: 'int'}
	]),
	labelAlign: 'right',
	buttonPosition:'left'
});

frmDLg.add(
	new Ext.form.TextField({
		fieldLabel: 'Filed 1',
		name: 'YoureNameField1',
		width:350
	}),
	new Ext.form.TextField({
		fieldLabel: 'Filed 2',
		name: 'YoureNameField2',
		width:350
	}),
	new Ext.form.TextField({
		fieldLabel: 'Filed 3',
		name: 'YoureNameField3',
		width:30
	})	
);

// on event rowdblclick of grid
XGrid.on('rowdblclick',function(){
	if (!dlgForm){
		dlgForm = new Ext.LayoutDialog("dlgfrm", { 
			autoCreate: true,
			width:500,
			height:300,
			shadow:true,
			resizable:false,
			collapsible:false,
			modal:true,
			center: {
				autoScroll:true,
				tabPosition: 'top',
				closeOnTab: true,
				alwaysShowTabs: true
			}
		});
		dlgForm.addKeyListener(27, dlgForm.hide, dlgForm);
		dlgForm.addButton('Save', fnSave, this);
		dlgForm.addButton('Cancel', dlgForm.hide, dlgForm);
		
		layoutDlg = dlgForm.getLayout();
		layoutDlg.beginUpdate();
		layoutDlg.add('center', new Ext.ContentPanel('tab1', {autoCreate:true, title: 'Tab 1', background:true}));
		layoutDlg.endUpdate();
	}
	
	layoutDlg.showPanel('tab1');
	dlgForm.setTitle('Dialog Title');
	dlgForm.show();
	
	//render and load form data
	frmDLg.render('tab1');
	var id = EdGrid.getSelectionModel().getSelected().data['fieldID'];//set params	
	frmDLg.load({url: 'res/jgrid.php', params:'ID='+id+''}); //JSON file

})

regards.

[symfony]

Thx for this great example. But unfortunately it doesn't work in my case .
The ajax-Request form myForm.load was send and the json-Callback is ok, too. But in my Form the fields aren't filled. Is there anything wrong?

init : function() {
this.detailForm = new Ext.form.Form({
labelWidth: 75, // label settings here cascade unless overridden
reader : new Ext.data.JsonReader({
root: 'UserData'
}, [
{name: 'name1', mapping: 'name1', type: 'string'},
{name: 'name2', mapping: 'name2', type: 'string'},
{name: 'name3', mapping: 'name3', type: 'string'}
])
});
this.detailForm.add(
new Ext.form.TextField({
fieldLabel: 'Name 1',
name: 'name1',
width:175,
allowBlank:false
}),
new Ext.form.TextField({
fieldLabel: 'Name 2',
name: 'name2',
allowBlank:false,
width:175
}),
new Ext.form.TextField({
fieldLabel: 'Name 3',
name: 'name3',
allowBlank:false,
width:175
})
);
this.detailForm.addButton('Save');
this.detailForm.addButton('Cancel');
this.detailForm.end();
this.detailForm.render('detail_view');
},
update : function() {
this.detailForm.load({url: 'myUrl',params:'name1', waitMsg : 'loading');
}

[symfony]

Ok, problem fixed.. The Json-Reader, which defined in my Form-initialisation, is not necessary. I only use instead:

Form.load({url:'url', waitMsg:'loading....'});

The url gives me back a sting / or object like this:

{

"success":true,
"data":{"name1":"name1val","name2":"name2val","name3":"name3val"}

}

[abal2.antz]

Hi Reang,

I newbie in extjs, I want to get value from dialog form to fill textfield in parent form.
Do you have sample code or URL for this case?

Thanks

regards,
Anton