BBB1 = innerLayout.getEl().createChild({tag:'div', id:'BBB1'}); thumbTemplate = new Ext.Template( '
{shortName}{sizeString}
' ); //thumbTemplate.add({qtip:"
Product:{name}Manufacturer:{manufacturer}
"}); //^QTIP DOESN'T WORK HERE thumbTemplate.compile(); var qtipTpl = new Ext.Template( '
'+ 'Image Name:' + '{name}' + 'Size:' + '{sizeString}
' ); qtipTpl.compile(); detailsTemplate = new Ext.Template( '
' + 'Image Name:' + '{name}' + 'Size:' + '{sizeString}' + 'Last Modified:' + '{dateString}
' ); detailsTemplate.compile(); //REGULAR VIEW METHOD W/JSON ds = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: 'resources/scripts/ext-a3r4/examples/tests/get-imagesX.php' }), reader: new Ext.data.JsonReader({ root: 'images'/*, totalProperty: 'totalCount', id: 'post_id'*/ }, [ {name: 'name', mapping: 'name'}, {name: 'size', mapping: 'size'}, {name: 'lastmod', mapping: 'lastmod'}, {name: 'url', mapping: 'url'}, {name: 'id', mapping: 'id'} ]) }); var BBB2 = BBB1.createChild({tag:'div', id:'images', cls:'ychooser-view'}); paging = new Ext.PagingToolbar(BBB1.createChild({tag:'div', id:'albumsPagingToolbar', cls:'tbs'}), ds, {pageSize: 2}); paging.loading.enable(); innerLayout.add('center', new Ext.ContentPanel(BBB1, { autoCreate: true, toolbar: BBB1tb, title: '---', closable: true, adjustments: [0, -paging.el.getHeight()], autoScroll: true, fitToFrame: true, resizeEl: BBB2 })); view2 = new Ext.View(BBB2, thumbTemplate, { multiSelect: true, jsonRoot: 'images', store: ds }); view2.on('dblclick', this.editThumb, this, {buffer:0}); view2.on('selectionchange', this.showDetails, this, {buffer:0}); ds.load();