重写mxToolbar
目前官方支持的是只添加图片
mxToolbar.prototype.addMode = function (title, icon, funct, pressedIcon, style, toggle) {
toggle = (toggle != null) ? toggle : true;
const div = document.createElement(‘div’)
let img:any = document.createElement((icon != null) ? ‘img’ : ‘button’);
img.initialClassName = style || ‘mxToolbarMode’;
img.className = img.initialClassName;
img.setAttribute(‘src’, icon);
img.altIcon = pressedIcon;
if (title != null) {
img.setAttribute(‘title’, title);
}
if (this.enabled && toggle) {
mxEvent.addListener(img, ‘click’, mxUtils.bind(this, function (evt) {
this.selectMode(img, funct);
this.noReset = false;
}));
mxEvent.addListener(img, ‘dblclick’, mxUtils.bind(this, function (evt) {
this.selectMode(img, funct);
this.noReset = true;
}));
if (this.defaultMode == null) {
this.defaultMode = img;
this.defaultFunction = funct;
this.selectMode(img, funct);
}
}
div.appendChild(img)
let span = document.createElement(‘span’)
span.innerHTML = title
div.appendChild(span)
this.container.appendChild(div);
return img;
};