实现一个,左边是导航信息,右侧是展示区域,然后拖动 导航节点重新定位后,右侧也随之j进行布局变化,如下图:
核心方法:
ExtJS容器对象.move(fromIdx,toIdx)
因为涉及的知识点较多,后期有空补上,先贴上核心思想:
生成节点
右侧的容器元素,首先就是根据左侧的树形展开结构,依次渲染的,也就是将多维的树,看成一个导航。
将多维的数组,平铺为一个一维数组
根据这个数组,进行依次加载各类控件。
移动的节点
寻找移动的位置后,他的前一个节点(注意不是同级前一个 而是 树形展开后前一个)这是为了定移动目标,知道移动到谁的屁股后面
/*
寻找上一个树形文件节点
*/
findPreNode(node) {
const me = this;
if(!node) return null;
let preNode = node.previousSibling;
if(preNode) {