新增/编辑状态下页面部分不能编辑

给整个页面增加一个遮罩层，将要编辑的元素加上.pos-5类即可 ;
如下代码，active_saveBtn的值为true时，"新增"按钮是不可编辑的

<!--遮罩层   绑定样式  active_saveBtn值为true时遮罩层起作用 -->
<div class="bg-cover" data-bind="css: {hide: !active_saveBtn()}"></div>
<button class="btn btn-primary " >新增</button>
<button class="btn btn-primary pos-5" >保存</button>
<button class="btn btn-primary pos-5" >取消</button>

/*遮罩层大小100%  整个页面不可编辑*/
.bg-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.pos-5 {
    position: relative;
    z-index: 5;
}

z-tree可以用beforeClick函数进行控制，但只试用与简单页面