DevExpress社のASPxFileManagerを利用して、svgファイルのサムネイル画像を表示

2021/10/27 ASP.NET, DevExpress, プログラミング

DevExpress社のASPxFileManagerでは、svgファイルは固定の画像でしか表示されないため使い勝手が悪い。そこで、svgファイルを画像ファイルにして表示させる際のメモ

ASPxFileManagerでは、OnCustomThumbnailというイベントが定義でき、任意のサムネイル画像を表示することができる。svgファイルはブラウザで表示できるので、OnCustomThumbnailメソッド内で、ThumbnailImage.Urlを設定する。

ContentsFileControl.ascx

 <dx:ASPxFileManager ID="FileManager" runat="server" OnFolderCreating="OnFolderCreating"
        Width="100%" Height="100%"
        ClientInstanceName="FileManager"
        Theme="Moderno"
        OnCustomThumbnail="OnCustomThumbnail"
    </dx:ASPxFileManager>

<dx:ASPxFileManager ID="FileManager" runat="server" OnFolderCreating="OnFolderCreating"

Width="100%" Height="100%"

ClientInstanceName="FileManager"

Theme="Moderno"

OnCustomThumbnail="OnCustomThumbnail"

</dx:ASPxFileManager>

ContentsFileControl.ascx.cs

    public partial class ContentsFileControl : System.Web.UI.UserControl
    {
        protected void OnCustomThumbnail(object sender, FileManagerThumbnailCreateEventArgs e)
        {
            if (e.Item is FileManagerFile)
            {
                var extension = ((FileManagerFile)e.Item).Extension;
                if (extension == ".svg")
                {
                    e.ThumbnailImage.Url = ((FileManagerFile)e.Item).FullName;
                }
            }
        }
    }