Вывести изображение в window ExtJS
Доброго дня!
Пытаюсь разобраться как делать свои «дополнения». Делаю на основе modExtra. Сделал занесение данных с фронта через Formit, там же идет заливка фото на сервер и запись в БД имен файлов. Проблема, что не могу вывести картинку в window ExtJS, пробовал уже все варианты которые мог найти и modx-combo-browser, но он дает только выбор картинки без превью и displayfield, данные из БД для картинки показываются а как их вставить в img не пойму. Для grid есть вот этот вариант:
Поэтому прощу помощи, как просто вывести картинку в window.
И может еще подскажете опять же, если в БД хранить имена картинок в json, можно их как то распарсить extjs и вывести эти картинки в window.
Спасибо.
Пытаюсь разобраться как делать свои «дополнения». Делаю на основе modExtra. Сделал занесение данных с фронта через Formit, там же идет заливка фото на сервер и запись в БД имен файлов. Проблема, что не могу вывести картинку в window ExtJS, пробовал уже все варианты которые мог найти и modx-combo-browser, но он дает только выбор картинки без превью и displayfield, данные из БД для картинки показываются а как их вставить в img не пойму. Для grid есть вот этот вариант:
{dataIndex: 'image', width: 100, header: 'Image', renderer: function(value) {
return '<img src="' + value + '">';
}}
Но понятно что он не работает в window.Поэтому прощу помощи, как просто вывести картинку в window.
И может еще подскажете опять же, если в БД хранить имена картинок в json, можно их как то распарсить extjs и вывести эти картинки в window.
Спасибо.
Комментарии: 1
Может кому пригодится решение, которое подсказал Илья Уткин сославшись на заметку на своем сайте.
Суть простая. Делаем скрытое поле в котором выводим содержимое поля из БД, а в следующем элементе берем значение этого поля и подставляем в html.
Суть простая. Делаем скрытое поле в котором выводим содержимое поля из БД, а в следующем элементе берем значение этого поля и подставляем в html.
{
xtype: 'hidden',
name: 'file1',
id: 'myfile1-img',
},{
anchor: '100%',
html: '',
listeners: {
afterrender: function() {
var val = Ext.getCmp('myfile1-img').getValue();
if (val) {
this.update('<img src="'+val+'">');
}
}
}
}
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.