TUnimDBListGrid + XTamplate + фото

[x11]

Подскажите, желательно с примером, как в мобильном браузере вывести данные вместе с фото?

Простые данные можно вывести вот так, это у меня уже есть и оно работает:

function beforeInit(sender, config){
	config.loadMask=true;
	config.loadingText = 'загрузка...';
	config.emptyText='даних немає'; 
	config.grouped = false;
	config.selectedCls = '';
//console.log(config);
//console.log(sender);
//console.log(this);
  
  config.itemTpl = new Ext.XTemplate('<table class="tblObj">'+ 
                     '<tr>'+
                        '<td style="color:#2c81aa">ID {0}, ID на сайті: {13}</td>'+
						'<td><button class="btnPopup" data-id="{0}" type-id="{22}"><i class="fas fa-angle-down"></i></td>'+
                     '</tr>'+
                     
                     '<tr>'+
                        '<td>ДОЗ: {1}</td>'+
                     '</tr>'+
                     
                     '<tr>'+
                        '<td>{2}</td>'+
                     '</tr>'+
                     
                     '<tr>'+
                        '<td style="padding-top:3px;">{3}; {4}, {5}</td>'+
                     '</tr>'+
                     
                                
                 '</table>'
				 );			
}

 

если картинки хранятся в папке "d:/photo/obhects/ID1724/", то как вывести одну, картинку (типа превью), чтобы картинка была слева, а справа были другие данные?\

Спасибо.

 

P.S. Очень надеюсь, что разработчики всё-таки сделают хороший unimListView с конструктором.

[x11]

В общем, получается таблица в таблице

function beforeInit(sender, config){
	config.loadMask = true;
	config.loadingText = 'загрузка...';
	config.emptyText = 'даних немає'; 
	config.grouped = false;
	config.selectedCls = '';
	var descr = '<table class="tblObj" style="width: 100%">' +
					
                     '<tr>' +
                        '<td style="color:#2c81aa">ID {0}</td>' +
						'<td class="tdBtnPopup"><button class="btnPopup" data-id="{0}" type-id="{0}"><i class="fas fa-angle-down"></i></td>' +
                     '</tr>' +
                     
                     '<tr>' +
                        '<td>{1} ({2} {3})</td>' +
                     '</tr>' +
                     
                     '<tr style="word-wrap: break-word">' +
                        '<td>{6}, {5}-кімн, {7}, {8}</td>' +
                     '</tr>' +
                     
                     '<tr>' +
                        '<td style="padding-top:3px;">{4} м.кв.</td>' +
						'<td style="padding-top:3px;">{9}/{10}</td>' +
                     '</tr>'+
                 '</table>';
				 
//console.log(config);
//console.log(sender);
//console.log(this);
  
  config.itemTpl = new Ext.XTemplate('<table style="width: 100%">' +
					
                     '<tr>' +
                        '<td style="width:30%"><img src="{12}"></td>' +
						'<td>' + descr + '</td>' +
                     '</tr>' +
                     
                     
                 '</table>'
				 );
}