zTree样式的修改,子父节点鼠标悬浮式的样式
2013-11-05 17:20
1216 查看
var ln=treeNodes.length;
var tempNum=1;
for(var i=0;i<ln;i++){
var _node=treeNodes[i];
if(_node.pId=="0"){
//给最外层节点绑定鼠标悬浮时的样式
$("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("mouseover",function(){(网上使用的都是_node.childId,其实不能这样,因为zTree内部是按照自己的id顺序来的,不是根据你的childId来设定的,所以如果按照childId来写的话,会跑样式的哦~)
//给最外层节点绑定鼠标悬浮式的样式(添加背景色啊之类的)
})
}else{
//其他子节点绑定鼠标悬浮时样式
$("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("mouseover",function(){
//绑定鼠标悬浮式的样式(添加背景色啊之类的)
})
$("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("click",function(){
//点击子节点是绑定事件
})
}
tempNum++;
}
/*太不容易,刚开始的时候明明逻辑都是对的,但是样式就是给我吓跑,最后才发现忽略了zTree内部是怎么分配ID的了,所以赶紧分享出来,以免大家跟我犯一样的错误!*/
var tempNum=1;
for(var i=0;i<ln;i++){
var _node=treeNodes[i];
if(_node.pId=="0"){
//给最外层节点绑定鼠标悬浮时的样式
$("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("mouseover",function(){(网上使用的都是_node.childId,其实不能这样,因为zTree内部是按照自己的id顺序来的,不是根据你的childId来设定的,所以如果按照childId来写的话,会跑样式的哦~)
//给最外层节点绑定鼠标悬浮式的样式(添加背景色啊之类的)
})
}else{
//其他子节点绑定鼠标悬浮时样式
$("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("mouseover",function(){
//绑定鼠标悬浮式的样式(添加背景色啊之类的)
})
$("#"+obj.setting.treeId+"_"+tempNum+"_a").bind("click",function(){
//点击子节点是绑定事件
})
}
tempNum++;
}
/*太不容易,刚开始的时候明明逻辑都是对的,但是样式就是给我吓跑,最后才发现忽略了zTree内部是怎么分配ID的了,所以赶紧分享出来,以免大家跟我犯一样的错误!*/
相关文章推荐
- jQuery实现鼠标划过修改样式的方法
- 修改鼠标样式--自定义
- 修改semantic ui 下拉菜单的选中样式以及鼠标移上去的样式
- zTree树控件key配置之title:zTree树节点名称过长如何省略显示且鼠标移入节点上能够显示全称
- ztree 修改数据 默认勾选节点 数据回显
- 鼠标移入移出,样式修改,显示隐藏提示消息
- 百度地图修改鼠标样式
- Flex鼠标样式修改
- 修改鼠标指针样式
- 修改鼠标悬停样式
- ztree节点名称和x-editable结合,修改一个字段的名称
- 转:zTree树控件key配置之title:zTree树节点名称过长如何省略显示且鼠标移入节点上能够显示全称
- JavaScript修改DOM节点时,样式优先级的问题
- Windows7系统鼠标样式修改方式及步骤(图解)
- 【JAVASCRIPT】使用ztree树,实现右键增加,修改,删除节点。带有复选框。
- 通过样式修改鼠标指针样式
- 百度地图修改鼠标样式
- zTree 改变指定节点文本样式
- WinForm------TreeList修改节点图标和按钮样式
- zTree实现节点修改的实时刷新