telerik radfile explorer で、フォルダのアイコンを変更したいです。どうやってやるの?彼らは webresouce.axd ファイルを提供しており、さまざまなものに対してさまざまなアイコンを持っています。変更して上書きすると、ズームレベルでは画質が良くありません。自分でデザインした新しいアイコンを配置するにはどうすればよいですか?
1 に答える
インターネットでいろいろ調べた結果、どうすることもできませんでした。それから私は何か革新的なことをするというアイデアを思いつきました。私がやったことは、最後に追加する必要がある css と javascript.css です。(よく構造化されていないことはわかっていますが、それがテレリックを停止してcssをオーバーライドできる唯一の方法です。ヘッドタグの開始を追加すると、テレリックはそれをオーバーライドします)
というわけで、変更できる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
これが誰かを助けることを願っています。ご不明な点がございましたら、いつでもお問い合わせください。