problem using ajax proxy

[manoveg]

Hi
I am new to sencha. Please help.

I have to create a nested list & I have a api in php which returns data in heirarchical order. I have to write proxy for that.

I tried

  new  Ext.data.Store({
    model: 'kategorieModel',
    autoLoad: true,
    storeid:'kategorieStore',
    proxy: {
        type: 'ajax',
        url: 'myurl',
        extraParams:{request:'offers_list'},
            	limitParam: '',
            	noCache: false,
            	useNull: true,
    	headers: {
        	'Content-Type': 'application/x-www-form-urlencoded'
    	},
	        reader	: {
    		type	: 'json',
    		encode	: 'false',
    		root	: 'kategorie_name',
	       }
}    
});

and my model

Ext.regModel('kategorieModel', {
    fields: [
        {name: 'kategorie_name', type:'string'}
    ]});

but it's not working. I am not getting any response.

I have an already existing working request for this api which I have to use .

$.ajax({
			  url: 'myurl',
			  type:'POST',
			  data:{ request:'offers_list', params:{}},
			  success: function(data) {
			  	var json = eval('('+data+')');
			  	 addDataToStore(json);
		 }
		});

This is returning json data in required heirarchical order

please help me create a nested list using the info above. Can I directly use the second $.ajax given and add it to treestore and a nestedlist. If yes please help me with a small code sample . I am not able to get it work

[mitchellsimoens]

What is being returned?

[manoveg]

Hi,

I am getting following error messages
XMLHttpRequest cannot load <myurl>. Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers.

I modified the code to

var store = new  Ext.data.TreeStore({
    autoLoad: true,
    storeid:'myapp.stores.kategorieStore123',
    model:'myapp.models.kategory',
    proxy: {
        type: 'scripttag',
        url: 'myurl',
                limitParam: '',
                noCache: false,
                useNull: true,
                callbackParam:'error_code:0',
                callbackPrefix:'',
                model:'myapp.models.kategory',
                scriptIdPrefix:'',
                writer:'json',
        headers: {
            'Content-Type': 'Content-Type: application/x-json'
        },
            reader    : {
            type    : 'json',
            encode    : 'false',
            root    : 'output'
           }
} 
  
});

now I am getting following error message:
Uncaught SyntaxError: Unexpected token : api:1
and when I click on api:1 I get the exact output that is returned by the api.
it is like this below

{"error_code":0,"error_message":"","output":{"Urlaub & Reisen":[{"id":"33770","name":" A&O HOTELS und HOSTELS","beschreib.......


It appears it is objecting to error_code":0 . But I have a jquery request to the same api & it works fine with this data as output.

I cannot modify anything at server end so I have to handle whatever it is in my call from sencha touch.
Please help