Glyph Extension works unexpectedly with selectMode: 3 #268
Description
Code:
var location_list = $('#location-list').fancytree({
// extensions: ["glyph", "edit"],
source: [
{title: "Asia", key:"1", children: [
{title: "India", key:"2"},
{title: "China", key:"3", selected:true}
] },
{title: "Africa", key:"4", children: [
{title: "South Africa", key:"5", selected:true},
{title: "Zimbabwe", key:"6", selected:false}
]},
{title: "Europe", key:"7", children: []}
],
glyph: {
map: {
doc: "glyphicon glyphicon-minus",
docOpen: "glyphicon glyphicon-minus",
checkbox: "glyphicon glyphicon-unchecked",
checkboxSelected: "glyphicon glyphicon-check",
checkboxUnknown: "glyphicon glyphicon-stop",
error: "glyphicon glyphicon-warning-sign",
expanderLazy: "glyphicon glyphicon-expand",
expanderClosed: "glyphicon glyphicon-expand",
expanderOpen: "glyphicon glyphicon-collapse-down",
folder: "glyphicon glyphicon-globe",
folderOpen: "glyphicon glyphicon-globe",
loading: "glyphicon glyphicon-refresh",
noExpander: ""
}
},
selectMode:3,
checkbox: true,
autoCollapse: true
});
In my example, Asia and Africa are independent nodes and behaves so without glyph extensions. When I have the glyph extensions running, selecting or deselecting either one of them affects the other.
Not only that, the noExpander glyphicon is used on a node randomly on some combination of checked nodes when it is loaded directly from source.
Thank you.