先贴上图具体需求是: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前台删除该元素了
添加回答
举报
0/150
提交
取消