Telerik RadFile Explorer更改文件夹的图标

时间:2013-09-19 13:08:41

标签: telerik

在telerik radfile资源管理器中,我想更改文件夹的图标。 我怎样才能做到这一点?他们提供webresouce.axd文件,因为他们有不同的图标用于不同的东西。 如果我改变并覆盖它,在缩放级别它没有显示出高质量。 我如何设置由我设计的全新图标?

1 个答案:

答案 0 :(得分:0)

经过互联网研究后,我很无奈。然后我就有了创新的想法。 我所做的是通过css& javascript.css你必须在最后添加。 (我知道它没有很好的结构,但这是你可以阻止telerik覆盖你的css的唯一方法。如果你添加head标签的开头,telerik会覆盖它)

所以,这是你可以改变的CSS。 .rfeThumbnailView .rfeFile .rfeFileIcon     {         background-image:url('')!important;     }

.RadFileExplorer .rfeThumbList .folder
{
    background-position: -38px 0px!important;
}

你必须添加这个javascript函数 function changespan(){

        var spans = document.querySelectorAll('span.rfeFileIcon');

        var j = spans.length;
        var k = 0;
        for (var i = j - 1; i >= 0; i--) {

            var a = document.createElement('img');
            a.src = "folder.png";

            //alert(spans[i].childElementCount);
            if (spans[i].childElementCount > 0) {
            }
            else {
                spans[i].appendChild(a);//.appendChild(a.previousSibling);}
            }

        }
    }

并在telerik RadFileExplorer的每一个导致更改的事件上调用此函数。 以下是我正在使用的一些事件。

OnClientItemSelected

OnClientFileOpen

OnClientFolderChange

OnClientInit

OnClientLoad

OnClientFolderLoaded

OnClientFilter

希望这会对某人有所帮助。如果您有任何疑问,那么您可以随时问我!