Uncaught TypeError: Cannot call method 'split' of undefined (ext-touch-debug.js:9555

[fermina]

Hi,

I have a problem to load data on Store.
The image file attached shows error I've got.
the code I made is below.
Please, help me!

<script type="text/javascript" src="../../ext-touch-debug.js"></script>
  <script type="text/javascript">
   Ext.setup({
    tabletStartupScreen: 'resources/img/tablet_startup.png',
    phoneStartupScreen: 'resources/img/phone_startup.png',
    icon: 'resources/img/icon.png',
    glossOnIcon: false,
 
    onReady: function() {
     var data = {
      person: [{
       id: '0001',
       name: 'James'
      }, {
       id: '0002',
       name: 'Tom'
      }]
     };
     var tpl = new Ext.XTemplate(
      '<tpl for=".">',
       '<p>{#}. {name}</p>',
      '</tpl></p>'
     );
     Ext.regModel('tModel', {
      fields: [
       {name: 'id', type: 'string'},
       {name: 'name', type: 'string'}
      ]
     });
     this.tStore = new Ext.data.JsonStore({model: 'tModel'});
     this.tStore.loadData(data.person);
     var viewport = new Ext.List({
      fullscreen: true,
      scroll: 'vertical',
      tpl: tpl,
      store: this.tStore
//      data: data.person
     });
    }
   });
  </script>

[dddesign]

I have the same problem...

[dddesign]

I have the same problem, see this example:
http://www.dddesign.ch/mobile_apps/weather/
any tips?

[tfrugia]

I ran into this problem too. You need to provide an itemSelector to the Ext.List .

ie:

<script type="text/javascript">
Ext.setup({
	tabletStartupScreen: 'resources/img/tablet_startup.png',
	phoneStartupScreen: 'resources/img/phone_startup.png',
	icon: 'resources/img/icon.png',
	glossOnIcon: false,

	onReady: function() {
		var data = {
			person: [{
				id: '0001',
				name: 'James'
			}, {
				id: '0002',
				name: 'Tom'
			}]
		};
		var tpl = new Ext.XTemplate(
			'<tpl for=".">',
			'<p class="someClass">{#}. {name}</p>',
			'</tpl></p>'
		);
		Ext.regModel('tModel', {
			fields: [
				{name: 'id', type: 'string'},
				{name: 'name', type: 'string'}
			]
		});
		this.tStore = new Ext.data.JsonStore({model: 'tModel'});
		this.tStore.loadData(data.person);
		var viewport = new Ext.List({
			itemSelector: 'p.someClass',
			fullscreen: true,
			scroll: 'vertical',
			tpl: tpl,
			store: this.tStore
		});
	}
});
</script>

[Akrion]

I had similar situation and my problem was that I forgot to provide the record element to the proxy.

Example:

proxy: 
    {
        type: 'ajax',
        url: 'app/data/entities.xml',
        reader: 
        {
            type: 'xml',
            root: 'Entities',
            record: 'Entity' //you get the same error if you miss to provide this
        }
    },

My xml data was in the following format:

<?xml version="1.0" encoding="UTF-8"?>
<Entities>
	<Entity>
		<id>1</id>
		<fname>Bob</fname>
		<lname>Dole</lname>
		<description>Boddy!</description>
		<level>10</level>
	</Entity>
  <Entity>
		<id>2</id>
		<fname>Jake</fname>
		<lname>Fake</lname>
		<description>Faker</description>
		<level>20</level>
	</Entity>
  <Entity>
		<id>3</id>
		<fname>Kirk</fname>
		<lname>Dirk</lname>
		<description>Tester</description>
		<level>30</level>
	</Entity>
</Entities>