在Kendo UI Grid中的数据源列中加载Image

Question

编辑：已解决当我从正确加载的路径中删除〜符号时。 我有一个Kendo UI网格，它显示来自数据源的数据。但是，应该显示图像的列不会显示。它显示为X标记。

当我在文档中单独放置html img标签时，我可以在浏览器中看到图像。 我知道我做错了什么。

$("#eventsgrid").kendoGrid({
                            dataSource: expensesDataSource,
                            navigatable: true,
                            pageable: {
                                input: true,
                                numeric: false
                            },
                            columns:[
                            {
                                field:"CardNumber"
                            },
                            {
                                field:"Description"
                            },
                            {
                            title: "Image", template: '<img src="~/Content/Themes/Default/images/Door.jpg" width="60" height="80"/>'
                            }
                                ]
                        }).data("kendoGrid");

Answer 1

尝试定义字段：

field: "Image", title:"Image", template: '<img src="~/Content/Themes/Default/images/Door.jpg"'

如果可行，则在尺寸参数中添加回来。

Answer 2

我从正确加载的路径中删除了〜符号。