作成日: 2016/06/20 最終更新日: 2016/06/20
文書種別
使用方法
詳細
任意の画像を特定のwijtreenodeのアイコンとして使用するには、画像を指定したCSSを定義し、それをwijtreenodeの「itemIconClass」オプションの値として設定します。
【サンプルコード】
<style type="text/css">
.node-icon1 {
background-image: url(Images/icon.png) !important;
}
.node-icon2 {
background-image: url(Images/music.png) !important;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#tree1").wijtree();
$("#tree1").wijtree("findNodeByText", "Root Node").element.wijtreenode("option", "expanded", true);
var node = getNode("Node 1");
node.element.wijtreenode("option", "itemIconClass", "node-icon1");
var node2 = getNode("Node 3");
node2.element.wijtreenode("option", "itemIconClass", "node-icon2");
});
function getNode(node) {
return $("#tree1").wijtree("findNodeByText", node);
}
</script>
【サンプルコード】
<style type="text/css">
.node-icon1 {
background-image: url(Images/icon.png) !important;
}
.node-icon2 {
background-image: url(Images/music.png) !important;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#tree1").wijtree();
$("#tree1").wijtree("findNodeByText", "Root Node").element.wijtreenode("option", "expanded", true);
var node = getNode("Node 1");
node.element.wijtreenode("option", "itemIconClass", "node-icon1");
var node2 = getNode("Node 3");
node2.element.wijtreenode("option", "itemIconClass", "node-icon2");
});
function getNode(node) {
return $("#tree1").wijtree("findNodeByText", node);
}
</script>
旧文書番号
81688