Rails and JSON

[fernando]

Hi guys,
I am trying some very basic JSON communication between my rails server and ext. I'm using the rails .to_json method and displaying the values in an ext form. Currently I have the server spitting out:
{tim1: 1, tim2: 2, tim3: 3}
I have set the url: property of my ext form, as in:
http://extjs.com/learn/Tutorial:Load...mitting_a_Form

This JSON object shows up in firebug and is displayed as above if you access the url directly. However, upon inspection, there are no values, the object length is 0, the data property is empty, and the three fields are 'undefined'.

I'm not sure what I'm doing wrong?

Any help would be much appreciated.

Tim

[evant]

Post code.

[fernando]

Sorry, Here is my Ext code to generate the form. As you can see it should just generate, a form with one text box in it. The text box should hold the value of some of the JSON data.

Ext.onReady(function(){
	
	var timForm = new Ext.form.Form({
		labelAlign: 'right',
        labelWidth: 175,
		url:'/json/jsonData/',
		buttonAlign: 'right'
    });
	    var tim_name = new Ext.form.TextField({
        fieldLabel: 'Tim Data',
        name: 'tims_data',
        width:190
    });
	
	timForm.fieldset(
	{legend:'legend'},
	tim_name
	);
	
	
	
		tim_json_data = new Ext.data.Store({
		proxy: new Ext.data.HttpProxy({url: '/json/jsonData/'}),
		reader: new Ext.data.JsonReader({},[ 'tim1', 'tim2', 'tim3']),
		remoteSort: false
	});
	
	tim_json_data.on('load', function() {
		
		tim_name.setValue(tim_json_data.getAt(0).data.tim1);
		timForm.render('tim-div');
	})
			
	tim_json_data.load();
	
	});

Here is the Ruby code to generate the data, found at the url:
http://localhost:3007/json/jsonData/

def   jsonData
  @headers["Content-Type"] = "text/plain; charset=utf-8" 
  tim_json_data = Hash.new()
  tim_json_data = {:tim1 => 1,
                   :tim2 => 2,
                   :tim3 => 3,
                   :tim4 => 4}
  
  render :text=>tim_json_data.to_json, :layout=> false
end

Any help would be much appreciated.

Tim

[tgo]

Hi Tim,

I believe there are a few errors.
In the JS code, your reader should look like:

reader: new Ext.data.JsonReader({  root: 'text' },[ { name: 'tim1'}, {name: 'tim2'}, {name: 'tim3'}]),

also, getAt returns a Record object, hence:

tim_name.setValue(tim_json_data.getAt(0).get("tim1"));

and in your rails code, you should return an array, not an hash (note that you would have multiple hashes if you had multiple records, getAt(ndx) above is the index in that array):

 
tim_json_data = [{:tim1 => 1,
                   :tim2 => 2,
                   :tim3 => 3,
                   :tim4 => 4}]
  
  render :json => { :text => tim_json_data}.to_json, :layout=> false

HTH,
Thierry

[fernando]

Absolutely awesome work.

Thanks very much Thiery.