kendo-ui - 在 KendoEditor FileBrowser 中显示文件类型的图标

Question

我正在使用剑道编辑器，它是图像和文件浏览器。我可以在图像浏览器（如图像管理器）中看到每个图像文件的缩略图。我想做的是以与缩略图类似的方式查看图标，但查看 FileBrowser 中的文件。理想情况下，图标应该是每个文件的文件类型（例如：PDF、TXT...）。

有没有办法将任何类型的图标与文件浏览器窗口中的文件相关联？

Answer 1

我一直在尝试做同样的事情。我刚刚做了一个setInterval检查文件浏览器窗口是否存在，如果存在则更改图像。这是我的代码：

setInterval(function() {
    $(".k-reset.k-floats.k-tiles.k-widget.k-listview.k-selectable").find("strong").each(function(e) {
        // case insensitive search for files that end with .pdf
        if(this.innerText.match(/\.pdf$/i)) {
            // apply css style for the span that holds the image and replace with your own
            $(this).siblings().find("span").css({ "background": "#fff url('path/to/your/image') no-repeat center" });
        }
    });
}, 1);

可能有更好的方法，但这有效。更不用说除了我们之外没有其他人显然需要这样做。几天来我一直在谷歌上搜索正确的方法来做到这一点。