Загрузчик изображений с помощью Slick Grid

Я пытаюсь реализовать Slick Grid для вывода информации о моей базе данных. Я смог сделать большинство вещей, таких как редактируемые данные (воспользовался помощью Stackoverflow из курса).

Теперь я застрял там, где мне нужно отображать изображение на сетке, путь к изображению сохраняется в базе данных. Я не могу этого сделать, а также не знаю, как написать собственный редактор для загрузчика изображений. Если кто делал или знает как это сделать дайте совет.

Спасибо


person Abhik Chakraborty    schedule 10.11.2011    source источник


Ответы (1)


Вы можете сделать это с помощью специального средства форматирования для ячейки.

При определении столбцов укажите настраиваемый модуль форматирования для ячейки следующим образом:

columns = [
  { id: "col1", name: "Col 1", field: "field1" },
  { id: "col2", name: "Image", field: "imgurl", formatter: ImageFormatter },
  ...
];

Затем добавьте новый модуль форматирования в файл slick.editors.js вместе с теми, что приведены в примерах. (Не забудьте включить файл slick.editors.js на свою страницу).

Я не тестировал приведенный ниже код, но он должен выглядеть примерно так:

  ... other formatters
},
ImageFormatter: function (row, cell, value, columnDef, dataContext) {

  return "<img src='" + value + "' />";

},
... more formatters
person njr101    schedule 10.11.2011
comment
Спасибо, теперь его показывают. Теперь, просмотрев slick.editors.js, я не смог найти ни одного редактора, который помогает загружать изображения. Как я уже сказал, я добавил некоторый код, который будет генерировать пользовательские редакторы ячеек, и они работали очень хорошо. Просто интересно, есть ли способ сделать загрузчик файлов, который позволит загружать файл, а затем с помощью некоторого Ajax это можно обновить в базе данных. - person Abhik Chakraborty; 10.11.2011
comment
Примера редактора для загрузчика файлов нет, но написать его было бы довольно просто. Вы пытаетесь иметь загрузчик файлов в каждой строке сетки? - person njr101; 10.11.2011
comment
Да в каждом ряду. Пожалуйста, дайте мне знать, если у вас есть идеи, как это сделать. Спасибо. - person Abhik Chakraborty; 10.11.2011
comment
Просто следуйте описанному выше подходу. Сначала напишите HTML для загрузчика одного файла на своей странице. Когда он заработает правильно, просто переместите HTML в пользовательское средство форматирования, чтобы он отображался в каждой строке. Если вы вообще не знаете, как написать загрузчик файлов, задайте для этого новый вопрос. - person njr101; 11.11.2011