为了账号安全,请及时绑定邮箱和手机立即绑定

在做一个很急的项目,遇到一个问题跪求解答,先感谢大家了,具体问题看下面描述

在做一个很急的项目,遇到一个问题跪求解答,先感谢大家了,具体问题看下面描述

先贴上图具体需求是:1.有一个表格如上图所示那样,表格中需要插入一个树;2.树的结构层次只有两层;3.父节点对应其右边会有一个“添加”按钮,子节点会有一个”删除“按钮;4.右边对应的按钮会随左边树的合起和展开而消失或显示(如上面两张图);5.右边的按钮需要能方便绑定点击事件,添加按钮点击会有弹窗来进行用户搜索和用户选择,会将选择的用户添加到此"添加"按钮对应的根节点下面,即将作为它的一个子节点,删除按钮会向后台发送请求,如果删除成功,才会在前台视图删掉此子节点,否则不会删除;6.其中,树的节点数据来源于后台,数据格式符合一般 树插件 的基本格式:[ {      text:"rootNode1",    children:[       { text:"childNode1" }     ]   },   {      text:"rootNode2",    children:[       { text:"childNode2" }     ]   } ]7.对插件的要求随意,目前我使用的时jsTree,但之前没用过这个插件,也没接触过其他树插件,只会最基本的数据获取和基本展示。其他重要需求:数据格式基本就是上面那样最基本的格式,希望最好不要对数据做任何操作;现在的难点在于 上面提到的第3点、第4点和第5点;希望能给具体的思路,最好有个比较完整的demo,只要能解决那三个难点就行,先谢谢大家了,真心感谢。
查看完整描述

1 回答

已采纳
?
qq_infinite

TA贡献14条经验 获得超10个赞

jsTree还没用过,不知道语法有什么区别。但是本来用jQuery写过用户留言,就有添加和删除,感觉很简单啊。如果对你有帮助我很高兴,如果是jsTree插件的问题导致问题和我想的不一样,也算打字练习了。

1,父节点有个添加按钮是子节点同时显示和消失的,可以设置一个变量表示状态,在点击父节点时改变变量,根据变量的值决定是显示还是消失。hide()或display:none

2,点击添加出现弹窗添加用户,弹窗不知道你是用控件还是自己写,自己写就是先设一个大DIV覆盖这个body,设置背影色,然后设置定位,层级要比其他元素都高。然后设置一个小DIV就是你要添加用户用的弹窗,设置它的定位层级最高就OK了。

3,添加用户用$.ajax添加,后台数据返回成功后就可以append添加节点了,因为子节点有点击事件,父节点的添加点击事件要用on动态添加

4,删除事件和添加差不多,还不用弹窗,就是js获取数据用ajax传给后台,后台成功删除,就js前台删除该元素了

查看完整回答
1 反对 回复 2017-04-26
  • qq_infinite
    qq_infinite
    我试一试,居然能自己回复自己,幕课网这个还有小bug
  • 1 回答
  • 2 关注
  • 1709 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信