javascript树形,javascript树形菜单制作代码

js改变树形框属性

首先说树形结构，国内有个开源的js控件叫zTree，支持复选。

然后下拉框你可能需要自己做一个（html输入框+右边的一个图标按钮）。

最后，用一个隐藏的div把树形结构包起来，这个div设置成绝对定位，在下拉框右侧选择按钮的单击事件处理函数里，显示这个隐藏的div，并把它的位置设置成在下拉框下面就行了。

思路就是这样，要么楼主可以找找有没有其他更现成的控件，extjs4我记得有类似的，但是他的复选功能不太符合中国习惯，也许现在的版本改好了，你可以查查试试看。

相关问答

Q1: 用javascript 树形菜单（可拖动效果）

然后根据鼠标左键在菜单坐标内按下放开的事件提取当前鼠标的x，y坐标，然后修改属性菜单的top和left属性 或者当鼠标在菜单坐标内按下之后触发鼠标的移动事件，然后在移动事件里设置菜单的top和left对应鼠标当前坐标y和x，这样当鼠标移动时菜单的坐标也会根本改变，实现同步移动

Q2: JavaScript，关于树形结构数据遍历

var arr=[];

var fun = function(arr, key){

var result = [];

for(var i=0;iarr.length;i++) result.push(arr[i][key]);

return result;

}

//diaoyong

var result = fun(arr,"treeId");

console.log(result);

Q3: js新手：哪位大神能大体帮我解释下javascript的树形菜单展开模型。下面是代码

树形的数据结构很固定，如果你不知道什么是树，那就先去补补数据结构吧。知道什么是树了，就开始考虑ui，ui中每个树节点应当具有一个维持当前状态的变量，这个状态就是当前节点是展开的还是收缩的，并且要添加对应的鼠标事件，以便切换节点的状态，单个节点处理完毕，就要考虑到子节点的问题，当一个节点因事件展开后，其所有子节点应该按照原有顺序显示出来，首先为了保持树形的ui特点，它们应该是距离其父节点有一定距离的，然后，它们也应当向其父节点一样能够在鼠标事件中切换状态