js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb

 

首先上一张效果图

下图单选

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第1张图片

下图左侧多选

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第2张图片

页面还没有优化自动伸缩。大家凑活看

单选实现

首先给每一列添加单击checkbox事件

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第3张图片

箭头处是在绑定单击事件

下图是我的单击触发事件

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第4张图片

其中dateCheck为一个空容器。在最上面定义

其次还有一个

是显示按钮的地方

整个流程为单击checkbox触发

获取checked状态判断如果选中则把当前主键添加到datecheck

循环datecheck和button。添加所有存在的按钮

反之则删除button群中此id

然后在删除datecheck中此id

下面

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第5张图片

此图是为了还原checkbox单击状态

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第6张图片

上图是查询和datecheck的操作

 

下图是单击左侧树的处理

js书写左侧树右侧列表单击动态刷新选人,我都觉得我挺nb_第7张图片

基本逻辑就差不多了

真是我自己都觉得自己nb 大神看到勿喷。毕竟我是后端

写这篇文章的目的纯粹就是记个笔记。怕自己忘了

你可能感兴趣的:(前端)