带有 Slick Grid 的图像上传器答案

【问题标题】：Image Uploader with Slick Grid带有 Slick Grid 的图像上传器
【发布时间】：2011-11-10 13:33:16
【问题描述】：

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

现在我在需要在 Grid 上显示图像的地方卡住了，图像路径保存在数据库中。我不能这样做，也不确定如何为图像上传器编写自定义编辑器。如果有人做过或者知道怎么做，请指教。

谢谢

【问题讨论】：

标签： slickgrid

【解决方案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

【讨论】：

感谢它现在显示。现在看了 slick.editors.js 我找不到任何可以帮助上传图片的编辑器。就像我说的，我添加了一些代码来生成自定义单元格编辑器，它们工作得很好。只是想知道是否有一种方法可以制作文件上传器，允许上传文件，然后使用一些 Ajax，这可以在数据库中更新。
没有文件上传器的示例编辑器，但编写一个相当简单。您是否尝试在网格的每一行中都有一个文件上传器？
是的，每一行都有。如果您有一些想法，请告诉我。谢谢。
按照上述方法即可。首先在您的页面上为单个文件上传器编写 HTML。当你让它正常工作时，只需将 HTML 移动到自定义格式化程序中，以便它在每一行中呈现。如果您根本不知道如何编写文件上传器，请为此发布一个新问题。