📄 rmtest.htm
字号:
<html>
<head><title>如何使用Binary Star 右键菜单</title>
<link href="../css/bs.css" rel="stylesheet" type="text/css">
<style>
body{font-family: verdana;font-size: 9pt;}
table{font-family: verdana;font-size: 9pt;}
a{font-family: verdana;font-size: 9pt;color: blue;}
.table_a{border: #bababa 1px solid;border-top: White 0px solid;}
.table_b{border-left: #bababa 1px solid;}
.table_c{border: #bababa 1px solid;}
.table_d{border-bottom:#bababa 1px solid;}
.td_a{background:url(../images/qq.gif);background-repeat:repeat-x;}
.td_b{border-right: #bababa 1px solid; width:150px;}
.button_a{cursor: hand;}
.h1{font-family: verdana;font-weight: normal;font-size: 9pt;color:blue;}
.h1_1{font-family: verdana;font-weight: normal;font-size: 9pt;color:black;}
.h2{font-family: verdana;font-weight: normal;font-size: 9pt;color:red;}
.h2_2{font-family: verdana;font-weight: normal;font-size: 9pt;color:green;}
.h3{font-family: verdana;font-weight: bold;font-size: 10pt;}
</style>
<SCRIPT language=javascript src="../js/bs.js"></SCRIPT>
<SCRIPT language=javascript src="../js/bsrightmenu.js"></SCRIPT>
<script type='text/javascript'>
/*程序代码浏览窗口*/
var script=document.getElementsByTagName("SCRIPT")
var sCode=script[2].innerHTML
sCode=sCode.replace(/</g,"<").replace(/>/g,">")
sCode=sCode.replace(/([A-Za-z0-9><_\)\(\]\[\}\{\. \$/;=\+\?"&:-]{2,})/g,"<font color='green'>$1</font>");
sCode=sCode.replace(/\t/g," ")
sCode=sCode.replace(/(\/\*)/g,"<font color='maroon'>$1")
sCode=sCode.replace(/(\*\/)/g,"$1</font>")
sCode=sCode.replace(/\n/g,"<br>")
//alert(sCode);
function Run(strPath) {
window.location="view-source:"+window.location.href;
/* try {
var objShell = new ActiveXObject("wscript.shell");
objShell.Run(strPath);
objShell = null;
}
catch (e){alert('没有权限或找不到文件"'+strPath+'"(或它的组件之一)。请确定路径和文件名是否正确，而且所需的库文件均可用。')
}
*/}
var TestFrame_rmMenu = new BSRightMenu("TestFrame_rmMenu");
TestFrame_rmMenu.setImagesPath("../images/");
var rmTestArea = TestFrame_rmMenu.addItemArea("第一个右键菜单");
/*参数：1、父菜单索引（添加的顺序，0开始）
* 2、显示文字。
* 3、执行的js方法。
* 4、图片：建议16*16
* 5、disabled。true：不可用，false：可用；
*/
rmTestArea.addItem(-1, "菜单一", "alert('菜单一')", "", true);
rmTestArea.addItem(-1, "菜单二", "", "save.gif");
rmTestArea.addItem(1, "菜单二_1", "alert('菜单二_1')", "");
rmTestArea.addItem(1, "-", "", "");
rmTestArea.addItem(1, "菜单二_2", "alert('菜单二_2')", "save.gif");
rmTestArea.addItem(2, "改变菜单一的可用", "setItemDisabled(0)", "");
rmTestArea.addItem(2, "菜单二_1_2", "alert('菜单二_1_2')", "");
rmTestArea.addItem(4, "菜单二_2_1", "alert('菜单二_2_1')", "");
rmTestArea.addItem(4, "-", "", "");
rmTestArea.addItem(4, "菜单二_2_2", "alert('菜单二_2_2')", "");
rmTestArea = TestFrame_rmMenu.addItemArea("第二个右键菜单块");
rmTestArea.addRootItem("排列图标", "", "", false);
rmTestArea.addRootItem("排列图标", "", "", false);
rmTestArea.addRootItem("刷新", "", "save.gif", false);
rmTestArea.addRootItem("-", "", "");
rmTestArea.addRootItem("粘贴", "", "", true);
rmTestArea.addRootItem("粘贴快捷方式", "", "", true);
rmTestArea.addRootItem("-", "", "");
rmTestArea.addRootItem("撤销复制", "", "", false);
var rootNode = rmTestArea.addRootItem("新建", "", "");
rmTestArea.addRootItem("-", "", "");
rmTestArea.addRootItem("属性", "", "");
//在指定节点下添加子节点
rootNode.addItem("文件夹", "alert('文件夹')", "", false);
rootNode.addItem("快捷方式", "alert('快捷方式')", "", false);
rootNode.addItem("-", "", "");
rootNode.addItem("公文包", "alert('公文包')", "", false);
rootNode.addItem("ACDSee 6.0 BMP Image", "alert('ACDSee 6.0 BMP Image')", "", false);
rootNode.addItem("文本文档", "alert('文本文档')", "", false);
rmTestArea = TestFrame_rmMenu.addItemArea("底板右键菜单块");
rmTestArea.addItem(-1, "详细信息", "", "", false);
rmTestArea.addItem(-1, "-", "", "");
rmTestArea.addItem(-1, "修改", "", "", false);
rmTestArea.addItem(-1, "删除", "", "", true);
rmTestArea.addItem(-1, "添加任务", "", "", true);
rmTestArea.addItem(-1, "-", "", "");
rmTestArea.addItem(-1, "任务进度", "", "", false);
rmTestArea.addItem(-1, "任务报告", "", "");
rmTestArea.addItem(-1, "ToDo管理", "", "");
rmTestArea.addItem(-1, "备注", "alert('备注')", "", false);
rmTestArea.addItem(-1, "-", "", "");
rmTestArea.addItem(-1, "查看源码", "Run('notepad')", "save.gif", false);
function doRight(num){
TestFrame_rmMenu.doRightMenu(num);
}
function setItemDisabled(inindex){
TestFrame_rmMenu.itemAreaList[0].itemList[inindex].disabled=!TestFrame_rmMenu.itemAreaList[0].itemList[inindex].disabled;
}
document.onmouseup = function(){doRight(2);};
</script>
</head>
<body leftMargin="0" topMargin="0" rightMargin="0" scroll="auto" >
<form method="post" name="frmBusiness" target="proctype_rm_frame">
<b><a name="目录"></a>
<span>[<a href="../index.htm">回首页</a>]</span>
<span>[<a href="#实例展现">实例展现</a>]</span>
<span>[<a href="#实现步骤">实现步骤</a>]</span>
<span>[<a href="object.htm">常用方法属性</a>]</span>
<br><br>
<ul>
<a name="对象结构"><b></a>
<li><span class="h3">树右键菜单对象由三个类组成：BSRightMenu、BSRightItemArea和BSRightItem</span><br>
<span class="h1"><b>BSRightMenu：</b></span><span class="h1_1">右键菜单对象，负责调度各个菜单块。</span><br>
<span class="h1"><b>BSRightItemArea：</b></span><span class="h1_1">右键菜单块，封装一个右键块，供不同的控件使用。</span><br>
<span class="h1"><b>BSRightItem：</b></span><span class="h1_1">右键菜单项，封装单个右键菜单项。</span>
</li>
<br><br>
<b><a name="实例展现"></a>
<li><span class="h3">实例展现： [<a href="#目录">目录</a>]</span><br />
<span class="h3">式样：
<table>
<tr>
<td><div style="cursor:hand;" onmouseup="doRight(0)">请点击右键</div></td>
<td><input class="button" type="button" value="请点击右键" onmouseup="doRight(1)"/><td>
</tr>
</table>
</span>
</li>
</br>
</br>
<li><b><a name="实现步骤"></b></a> <span class="h3">实现步骤： [<a href="#目录">目录</a>]</span><br/>
</br>
<table align="left" style="width:100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤一：定义右键菜单
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//定义并初始化右键菜单</span><br/>
<span class="h2_2">/*参数：</span><br/>
<span class="h2_2">* 1、右键的名称</span><br/>
<span class="h2_2">*注意事项：</span><br/>
<span class="h2_2">* 1、实例名要和右键的名称相同。</span><br/>
<span class="h2_2">*/</span><br/>
<b>
var TestFrame_rmMenu = new BSRightMenu("TestFrame_rmMenu");
TestFrame_rmMenu.setImagesPath("../images/");<span class="h2_2">//设置图片路径</span>
</b><br/>
</td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤二：创建一个右键块
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//为右键菜单添加一个右键菜单块</span><br/>
<span class="h2_2">/*参数：1、显示文字</span><br/>
<span class="h2_2">*/</span><br/>
<b>var rmTestArea = TestFrame_rmMenu.addItemArea("第一个右键菜单");
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤三：为右键块添加一个根菜单项
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//为右键块添加一个根菜单项</span><br/>
<span class="h2_2">/*参数：1、显示文字</span><br/>
<span class="h2_2">* 2、点击执行的JS方法</span><br/>
<span class="h2_2">* 3、菜单项的图片</span><br/>
<span class="h2_2">* 4、可用标志</span><br/>
<span class="h2_2">*/</span><br/>
<b>var nodeItem = rmTestArea.addRootItem("刷新", "alert('刷新')", "save.gif", false);
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤四：为已有菜单项添加一个子菜单项
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//为已有菜单项添加一个子菜单项</span><br/>
<span class="h2_2">/*参数：1、显示文字</span><br/>
<span class="h2_2">* 2、点击执行的JS方法</span><br/>
<span class="h2_2">* 3、菜单项的图片</span><br/>
<span class="h2_2">* 4、可用标志</span><br/>
<span class="h2_2">*/</span><br/>
<b>var nodeItem = nodeItem.addItem("查看源码", "Run('notepad')", "save.gif", false);
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤五：激活右键菜单
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//激活右键菜单</span><br/>
<span class="h2_2">/*参数：1、右键菜单块索引*/</span><br/>
<b>TestFrame_rmMenu.doRightMenu(num);
<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td><span class="h3">[<a href="#目录">目录</a>]</span></td></tr>
<tr><td> </td></tr>
</table>
</li>
</ul>
<br>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -