0

Здравствуйте!
Медленно но верно изучаю ExtJS. Возникла небольшая проблемка...
Как вывести в ячейку таблицы (Grid) изображение.

grid = Ext.create('Ext.grid.Panel', {
    border: false,
    store: myStore,
    layout:'fit',
    activeSelection: null,
    columns: [
        {
            text: "Логотип",
            tooltip: 'Тут нужна картинка не шире 70px',
            width: 70,
            dataIndex: 'logo'
        }, {
            text: "Название",
            tooltip: 'Наименование картинки',
            flex: 1,
            sortable: true,
            dataIndex: 'name'
        }
        // тут ещё несколько колонок с фиксированной шириной
    ]
});

logo содержит имя файла изображения. Предположим что все изображения лежат относительно корня в папке /res/img/forGrid/.

Как вместо имени файла вывести изображение с соответствующим именем в определенной папке?

PS:
Предполагаю, что нужно для этой колонки задать renderer, но не пойму как это сделать...

2 ответа 2

3

Вы на правильном пути: Column renderer

    {
        text: "Логотип",
        tooltip: 'Тут нужна картинка не шире 70px',
        width: 70,
        dataIndex: 'logo'
        renderer: function(value){
            return '<img src="/res/img/forGrid/' + value + '">';
        }
    }
3
  • Как то не подумал что будет так просто.... Спасибо!
    – ProGer
    20 янв 2013 в 12:45
  • (: не успел, еще можно в базе хранить base64 тело файла изображения. Тогда файлы не надо на серваке хранить они лежать в бд, а сервак клиенту шлет тока тело.
    – Ильяс
    21 янв 2013 в 12:48
  • Можно, но зачем? Файлы предпочитаю не хранить в бд - на то они и файлы. Тем более что мне нужно несколько вариантов изображений - оригинальное и два, а то и три обработанных изображения (либо сделанные квадратными и приведенными к определенному размеру, либо ещё как-то - есть несколько разных задач). В итого у меня будет куча лишней для бд информации. Поэтому файлы предпочитаю дергать (если нет какой-то особой необходимости) как файлы, не привлекая бд и php (или что-то другое на чем написана северная часть).
    – ProGer
    21 янв 2013 в 15:03
0

А нельзя сразу указать вместо имени файла картинки - тег картинки <img src="myimage.jpeg"/>

3
  • Сразу нельзя - не резон хранить в БД имя файла с тегом, к тому же если путь у всех изображений таблицы один и тот же... Да это будут и лишние данные передаваемые с сервера... Так что необходимо <img src="/res/img/forGrid/{image}" width="70px" /> подставить при выводе данных в таблицу... Если, конечно же, изображение так выводится в таблицу...
    – ProGer
    20 янв 2013 в 11:24
  • я не говорю хранить их в базе) я говорю генерировать поле на стороне сервера после получения данных с базы)
    – Ale_x
    20 янв 2013 в 12:43
  • В таком случае с сервера будет передаваться строка длиннее в 2-3 раза оригинальной для каждой записи. Причем как минимум половина содержимого этой строки будет идентична строкам остальных записей. К тому же значение данного поля редактируется в Dialog... А это значит что для редактирование мне нужно парсить строку.. К сожалению такой подход я считаю не приемлемым!
    – ProGer
    20 янв 2013 в 12:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.