d6W4KbfWo

23朵毒蘑菇

x-spreadsheet移除加号键,以及鼠标右键的事件,防止用户直接删除表

原文章迁移

js|x-spreadsheet

2020-12-23 10:27:58 已有版本 1 个 show:0.52kTYPE: blog

X-Spreadsheet官方文档

找到x-spreadsheet初始化后的实例对象

var xs = x_spreadsheet('#x-spreadsheet-demo', {
    view: {
        height: () => 100,
        width: () => 100,
    }
});

在后边加入以下代码就行啦

xs.bottombar.contextMenu.el.el.parentNode.removeChild( xs.bottombar.contextMenu.el.el); //移除底部栏右击弹出框
xs.bottombar.menuEl.el.children[0].removeChild(xs.bottombar.menuEl.el.children[0].children[0]);  //移除加号键
for(let a of xs.bottombar.items){  //当底部栏表名被双击后移除input并赋值为原来的
    let inner_text = a.el.innerText;
    a.el.addEventListener('dblclick', (evt) => {
        evt.target.removeChild(evt.target.children[0]);
        evt.target.innerText = inner_text;
    });
}

想要移除其他的一些东西也可以参考这种做法哟!