Dataview itemtpl vs tpl

[keckeroo]

Apparently tpl is no longer functioning in Dataviews the way they used to be (ie accessing the configured store), and we now must use itemTpl and forego the 'itemSelector' configuration to tell us what triggers an item select.

So - the question is ... how do I achieve the same looping mechanism in a dataview now ?

I have data which I have to wrap in a table structure, and have each item as a cell in that table.

This no longer works as far as I can tell. In fact - it seems rather silly that itemTpl can take a XTemplate which understands the <tpl for="."> mechanism since the Template is only performed on the single record.

Suggestions ?

Thank you!

Kevin

tpl: new Ext.XTemplate(
   '<table border=0>',
   '<tr>',
   '<tpl for=".">',
   '<td>{random data from record here}</td>',
   '</tpl>',
   '</tr>',
   '</table>'
)

The above is what I need to get working again. It doesn't. Switching to itemTpl does - but of course, creates a table for each item. :-(

[luismerino]

Hi. I'm not sure about the answer, although I've been asking myself the same question, but have you tried extending DataView instead of passing "tpl" as a configuration parameters?

Ext.define('MyDataView', {
   extend: 'Ext.DataView',
   config: {
      tpl: new Ext.XTemplate(...)
   }
});

Wonder if that works

[rdougan]

This looks like a bug. I'll add it as a ticket. Thanks.

[anj]

Same here, please provide this functionality back! Thanks!

[rdougan]

So it seems this will not back it back into 2.0. This is because of the new structure of DataView and ComponentView, and all the complex dom structure that follows it.

If you wish to do this manually, you will need to override getElementConfig in your subclass of DataView. The default is the following:

getElementConfig: function() {
    return {
        reference: 'element',
        className: 'x-container',
        children: [{
            reference: 'innerElement',
            className: 'x-inner'
        }]
    };
}

Here you can add any extra parent element you wish to add. Be aware though that this will not be direct parents of each item.

[xiuping]

how to add a parent element for the items? can you take an example? thank you very much