xTemplate и встроенные функции

[x11]

Не могу понять, как правильно заменить текст

В {5} находится значение в виде "@MyTelegramLogin", т.е. со значком @. Нужно сформировать ссылку без @. Т.е. "https://t.me/MyTelegramLogin".

 

function beforeInit(sender, config){
  config.loadingText = 'загрузка...';
  config.emptyText='даних немає'; 
  config.grouped = false;
  
					 
  config.itemTpl = new Ext.XTemplate('<table style="width:100%; white-space:nowrap; vertical-align:middle;">'+ 
'<tr>'+
    
'<td style="padding-top:3px;">Телеграм:</td><td style="padding-top:3px;"><a href="https://t.me/' + this + '.DeleteAt({5}) " target="_blank">{5}</a></td>'+
                     '</tr>'+
                 '</table>'
				 ,
				 {
					DeleteAt: function(val){
						return val.replace('@', '');
					 } 
				 }
				 );
}

ошибок нет, но ссылка формируется неправильно.

Получается вот такая чепуха:

 

Quote

<a href="https://t.me/[object Object].DeleteAt(@MyTelegramLogin) " target="_blank" data-tabindex-value="none" tabindex="-1" data-tabindex-counter="1">@MyTelegramLogin</a>

Подскажите, что я делаю не так?

[Sherzod]

Что за компонент!?

[x11]

Компонента TUnimDBListGrid.

Визуально данные выводятся нормально на страничке.

А вот в исходниках, как на второй картинке

[Sherzod]

13 minutes ago, x11 said:

Визуально данные выводятся нормально на страничке.

А вот в исходниках, как на второй картинке

Попробуйте:

function beforeInit(sender, config) {
    config.itemTpl = new Ext.XTemplate('<table style="width:100%; white-space:nowrap; vertical-align:middle;">' +
        '<tr>' +

        '<td style="padding-top:3px;">Телеграм:</td><td style="padding-top:3px;"><a href="https://t.me/{[this.DeleteAt(values)]}" target="_blank">{2}</a></td>' +
        '</tr>' +
        '</table>', {
            DeleteAt: function(val) {
                return val[2].replace('@', '');
            }
        }
    );
}

 

[x11]

Спасибо. Работает.