Miscellany

BBB1 = innerLayout.getEl().createChild({tag:'div', id:'BBB1'});

thumbTemplate = new Ext.Template(
	'<div class="thumb-wrap" id="{name}"><div class="thumb"><img src="resources/scripts/ext-a3r4/examples/tests/{url}" title="{name}"></div><span id="label_{name}" class="tbn_label">{shortName}</span><SPAN>{sizeString}</SPAN></div>'
);
//thumbTemplate.add({qtip:"<div class='image-tip'><img src='{url}' height='70px' width='47px' align='left'><b>Product:</b><span>{name}</span><b>Manufacturer:</b><span>{manufacturer}</span></div>"});
//^QTIP DOESN'T WORK HERE
thumbTemplate.compile();

var qtipTpl = new Ext.Template(
    '<div class="image-tip"><img src="resources/scripts/ext-a3r4/examples/tests/{url}" align="left">'+
	'<b>Image Name:</b>' +
	'<span>{name}</span>' +
	'<b>Size:</b>' +
	'<span>{sizeString}</span></div>'
);
qtipTpl.compile();

detailsTemplate = new Ext.Template(
	'<div class="details"><img src="resources/scripts/ext-a3r4/examples/tests/{url}"><div class="details-info">' +
	'<b>Image Name:</b>' +
	'<span>{name}</span>' +
	'<b>Size:</b>' +
	'<span>{sizeString}</span>' +
	'<b>Last Modified:</b>' +
	'<span>{dateString}</span></div></div>'
);
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();