Вывести изображение в window ExtJS

Доброго дня!
Пытаюсь разобраться как делать свои «дополнения». Делаю на основе 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.
Спасибо.
Михаил
16 ноября 2018, 11:37
modx.pro
1
712
0

Комментарии: 1

Михаил
20 ноября 2018, 17:22
+1
Может кому пригодится решение, которое подсказал Илья Уткин сославшись на заметку на своем сайте.
Суть простая. Делаем скрытое поле в котором выводим содержимое поля из БД, а в следующем элементе берем значение этого поля и подставляем в 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+'">'); 
                                    }
                                }
                            }
                        }
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    1