图像上传器与光滑网格

时间:2011-11-10 13:33:16

标签: slickgrid

我试图实现Slick Grid以列出我的数据库信息。 我能够做大部分的事情,比如可编辑的数据。(从Stackoverflow ofcource获得帮助)。

现在我卡在了需要在网格上显示图像的位置,图像路径保存在数据库中。我无法这样做,也不知道如何为图像上传器编写自定义编辑器。如果有人这样做或知道该怎么做,请提供建议。

由于

1 个答案:

答案 0 :(得分:4)

您可以使用单元格的自定义格式化程序执行此操作。

定义列时,请为单元格指定自定义格式化程序,如下所示:

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