ExtJS DataView showing only last JSON element
===

I have the following code:

    new Ext.DataView({
    	store: new Ext.data.JsonStore({
    	    url: 'request/getAssetsJSON',
    	    baseParams: {
                _id: this.request._id
            },
            root: 'results',
    	    fields: [ 'attachment', 'id', 'name', 'property', 'type' ],
    	    autoLoad: true
    	}),
        emptyText: 'No images to display',
        tpl: new Ext.XTemplate(
    	    '<tpl for=".">',
    	        '<div class="thumb-wrap" id="{name}">',
    	        '<div class="thumb"><p>Test</p><img height="45" src="request/getAsset?id={id}&attachment={attachment}" title="{name}"></div>',
                '<span class="x-editable">{name}</span></div>',
    	    '</tpl>',
    	    '<div class="x-clear"></div>'
    	)
    })

The JSON that gets sent by request/getAssetsJSON is:

    [{"attachment":"img1.png","id":"4dc90e2a6ba440e37601d5d074011e2e","name":"img1"},   
    {"attachment":"img2.png","id":"4dc90e2a6ba440e37601d5d074011e2e","name":"img2"},
    {"attachment":"img3.png","id":"4dc90e2a6ba440e37601d5d074011e2e","name":"img3"}]

My problem is that the DataView shows only the last image (img3.png) and there is only one GET request to request/getAsset.

I guess something is wrong with how ExtJS iterates over my template, or with how it loads the data, but I am at a loss here.

Anyone have any ideas?