<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=en xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>带右键菜单的目录树</TITLE>
<META http-equiv=content-type content="text/html; charset=utf-8">
<META content=Samples name=title>
<META content="" name=keywords>
<META content="" name=description>
<LINK media=screen href="js/style.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.3790.4696" name=GENERATOR>
<!-- menu start -->
<LINK media=screen href="proto.menu.0.6.css"
type=text/css rel=stylesheet>
<STYLE type=text/css>BODY {
MARGIN: 0px; HEIGHT: 100%
}
</STYLE>
<SCRIPT src="js/prototype_trunk.js" type=text/javascript></SCRIPT>
<SCRIPT src="js/proto.menu.0.6.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
Element.addMethods({
getNumStyle: function(element, style) {
var value = $(element).getStyle(style);
return value === null ? null : parseInt(value);
}
})
var myMenuItems = [
{
name: '查看节点信息',
className: 'new',
callback: function(e) {
var tagName = e.element().tagName.toLowerCase(),
x = e.screenX,
y = e.screenY;
alert("你查看的节点信息为:"+tree.getItemText(g_id));
}
},{
separator: true
},{
group:1,
name: '查看班级信息(根节点)',
className: 'edit',
callback: function() {
alert('全选');
}
},{
group:2,
name: '查看学生信息(叶节点)',
className: 'copy',
callback: function() {
alert('Copy function called');
}
},{
name: '添加新学生(叶节点)',
group:2,
disabled: true,
className: 'delete'
} ,{
name: 'save',
className: 'save',
callback: function() {
alert('Saving...');
}
},{
separator: true
},{
name: 'Save as .xsl',
className: 'xsl',
callback: function() {
alert('Saving as .xsl');
}
},{
name: 'Save as .doc',
className: 'doc',
callback: function() {
alert('Saving as .doc');
}
},{
name: 'Save as .pdf',
className: 'pdf',
callback: function() {
alert('Saving as .pdf');
}
},{
separator: true
},{
name: 'Send to...',
disabled: true,
className: 'send'
}
]
document.observe('dom:loaded', function(){
new Proto.Menu({
selector: '#treeboxbox_tree',
className: 'menu desktop',
menuItems: myMenuItems
})
})
</SCRIPT>
<!-- menu end-->
</HEAD>
<BODY>
<LINK href="js/dhtmlxtree.css" type=text/css rel=STYLESHEET>
<SCRIPT src="js/dhtmlxcommon.js"></SCRIPT>
<SCRIPT src="js/dhtmlxtree.js"></SCRIPT>
<DIV id=treeboxbox_tree style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; WIDTH: 250px; height:300px; BORDER-BOTTOM: silver 1px solid; BACKGROUND-COLOR: #f5f5f5"></DIV>
<SCRIPT>
var inTree=false;
var g_id="";
var state =0; //0 表示叶子节点 其他表示根目录
function doLog(str){
//var log = document.getElementById("msg");
// log.innerHTML = log.innerHTML+str+"<br/>"
// log.scrollTop = log.scrollHeight;
}
function tonclick(id){
doLog("Item "+tree.getItemText(id)+" was selected");
};
function tondblclick(id){
doLog("Item "+tree.getItemText(id)+" was doubleclicked");
state = tree.getOpenState(id);
};
function tondrag(id,id2){
return confirm("Do you want to move node "+tree.getItemText(id)+" to item "+tree.getItemText(id2)+"?");
};
function tonopen(id,mode){
return confirm("Do you want to "+(mode>0?"close":"open")+" node "+tree.getItemText(id)+"?");
};
function toncheck(id,state){
doLog("Item "+tree.getItemText(id)+" was " +((state)?"checked":"unchecked"));
};
function tonMIn(id){
g_id=id;
tree.selectItem(id);
inTree=true;
state = tree.getOpenState(id);
// msg.innerHTML="tonMIn";
};
function tonMOut(id){
inTree=false;
// msg.innerHTML="tonMOut";
};
function tonRightClick(id,state){
//tree.selectItem(id);
};
tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("images/tree/csh_bluebooks/");
//tree.enableCheckBoxes(1);
//tree.enableDragAndDrop(1);
//tree.setOnOpenHandler(tonopen);
//tree.attachEvent("onOpenEnd",function(nodeId, event){doLog("An id of open item is "+nodeId);});
//tree.setOnClickHandler(tonclick);
tree.setOnCheckHandler(toncheck);
tree.setOnDblClickHandler(tondblclick);
tree.setDragHandler(tondrag);
tree.setOnMouseInHandler(tonMIn);
tree.setOnMouseOutHandler(tonMOut);
//tree.setOnRightClickHandler(tonRightClick);
tree.loadXML("tree3.xml");
</SCRIPT>
<br>
<div id="msg" ></div>
<script>
function setGroupMenu(m_state)
{
//m_state =0 表示叶子节点 其他表示 根节点
if(m_state==0)
{
//叶子节点
groupName="2";
}else
{
//根节点
groupName="1";
}
var items=document.getElementsByTagName("LI");
for(var i=0;i<items.length;i++)
{
if(items[i].className!="separator")
{
if(items[i].group==""||items[i].group==groupName)
{
items[i].className="";
}else
{
items[i].className="none";
}
}
}
}
function getElementsByClassName(className,tagName){
var items=document.getElementsByTagName(tagName);
for(var i=0;i<items.length;i++)
{
if(items[i].className==className)
{
return items[i];
}
}
}
</script>
</BODY></HTML>
JS 带右键菜单的目录树 dhtmlxtree+proto.menu 分权限 （387个子文件） 
style.css 8KB dhtmlxtree.css 6KB proto.menu.0.6.css 3KB Thumbs.db 12KB
close2.gif 1KB iconSound.gif 639B iconWrite2.gif 635B iconWrite1.gif 630B iconFlag.gif 623B iconTexts.gif 622B file.gif 622B iconChecked.gif 615B leaf.gif 614B iconText.gif 613B iconGraph.gif 608B radio_on.gif 361B iconCheckDis.gif 342B iconCheckAll.gif 342B iconCheckGray.gif 342B folderOpen.gif 341B source.gif 333B iconSound.gif 305B folderClosed.gif 284B folderClosed.gif 284B leaf3.gif 284B leaf_2.gif 284B books_close.gif 284B leaf.gif 284B iconSound.gif 283B iconChecked.gif 281B iconCheckGray.gif 279B iconUncheckAll.gif 279B iconCheckGray.gif 279B iconUncheckAll.gif 279B iconCheckGray.gif 279B iconUncheckAll.gif 279B iconCheckGray.gif 279B iconUncheckAll.gif 279B iconCheckGray.gif 279B iconUncheckAll.gif 279B iconCheckGray.gif 279B iconUncheckAll.gif 279B iconWrite1.gif 278B folderOpen.gif 277B iconWrite1.gif 276B iconCheckAll.gif 275B iconCheckAll.gif 275B iconCheckAll.gif 275B iconWrite1.gif 275B iconCheckAll.gif 275B iconCheckAll.gif 275B iconCheckAll.gif 275B iconGraph.gif 274B iconCheckAll_2.gif 273B folderOpen.gif 273B iconWrite2.gif 272B iconCheckDis.gif 270B iconWrite2.gif 270B iconWrite1.gif 270B iconCheckDis.gif 270B iconCheckDis.gif 270B iconWrite2.gif 270B iconCheckDis.gif 270B iconWrite2.gif 270B iconCheckDis.gif 270B iconCheckDis.gif 270B iconFlag.gif 269B iconUncheckDis.gif 268B iconFlag.gif 268B iconUncheckDis.gif 268B iconUncheckDis.gif 268B iconUncheckDis.gif 268B iconUncheckDis.gif 268B iconUncheckDis.gif 268B folderOpen.gif 266B iconGraph.gif 263B folderClosed.gif 261B tombs_open.gif 261B safe_open.gif 261B iconSafe.gif 261B tree.gif 261B book.gif 260B leaf.gif 260B tombs.gif 259B safe_close.gif 259B iconChecked.gif 257B iconChecked.gif 257B iconChecked.gif 257B folderOpen.gif 257B iconChecked.gif 257B iconTexts.gif 256B folderOpen.gif 252B radio_on.gif 251B radio_on.gif 251B leaf.gif 251B radio_on.gif 251B radio_on.gif 251B radio_on.gif 251B radio_on.gif 251B radio_on.gif 251B共 387 条
- 1
- 2
- 3
- 4
资源评论
大猫会长2013-04-29效果不错，盖起来有点麻烦
bdk82924
- 粉丝: 0
- 资源: 30
最新资源
- 1计算机组成原理-第1章-计算机系统概论-1.pdf
- python用户注册登录
- python实现用户注册
- 建筑项目防雷接地技术交底记录.docx
- 建筑给排水本科毕业设计论文.docx
- 防雷接地施工准备、操作工艺、成品保护及安全交底技术记录.docx
- 深圳建筑项目电气工程施工方案范文模板.docx
- (175550024)基于FPGA的数字时钟设计
- (178415460)课程设计 51单片机温度PID调节打包（keil源码+proteus仿真）.zip
- (179479020)2020年中国土地利用现状遥感监测数据
- (19201234)全国1-5级水系矢量数据
- Python 实现电梯自动控制系统
- Python玩具猫与人的对话系统设计与实现
- Python实现简单自动点餐程序
- 计算机网络期末复习（第八版）谢希仁
- java打飞机小游戏(有注释)
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
