Is it possible to get index # in itemTpl for a list?

[bvkimball]

I want to use # or xindex to display in my list for example:

itemTpl: '<div>{#} - {text}</div>'

but it only return 1. Anyone know how to do this?

thanks

[mitchellsimoens]

You should be able to get the index by using {xindex}

[bvkimball]

I am still using PR4, is this something that works only in the later versions?

[Ballsacian1]

Since itemTpl doesn't hold the loop which actually iterates over the datastore you will need to setup a custom template function to hold and retrieve this information.

itemTpl : new Ext.XTemplate('{[ this.getIndex() ]} - Yay',{
    index : 0,
    getIndex : function(){
         this.index = this.index + 1;
         return this.index;
    }
});

This has worked well for me but I still think there should be a custom property that the DataView passes into the itemTpl template for keeping track of index.

Jordan

[fdp]

For a better MVC separation it is better to override prepareData function instead of the XTemplate instance.

to use {xindex} inside the tpl you can do this:

yourlist.prepareData = function(data, index, record) {
  data.xindex = index + 1;
  return data;
}

[nelson.daza]

I run into this when i was using a List with the "store" property, dont know why but xindex does not exists, so i did add a listener in my Store's config, like this:

		listeners: {
			refresh: function( list, data, eOpts ) {
				data.each( function( item, index, lenght )  {
					item.data.xindex = index;
				} );
			}
		}

Now i can use {xindex} in my itemTpl and every change in the Stores calls the refresh function to set values.
I'm new at this Sencha Development, dont think this is the best solution but it works for me.
(Sorry about my poor english)