📄 tree.jsp
字号:
<%@ page contentType="text/html; charset=GBK" %>
<html>
<title>通用树形菜单</title>
<link href="<%=request.getContextPath()%>/tree/Tree.css" rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/tree/Tree.js"></script>
<body>
界面参数演示:
搜索条:<select name='showSearchBar'><option value="true">有</option><option value="false">无</option></select>
选择框:<select name='allowCheckBox'><option value="true">有</option><option value="false">无</option></select>
根节点:<input type='text' name='rootNodeName' value="根节点">
<input type='button' value="刷新" onclick="tree.setParameter('showSearchBar', showSearchBar.value);tree.setParameter('allowCheckBox', allowCheckBox.value);tree.setParameter('rootNodeName', rootNodeName.value);tree.show()">
<hr size=1>
<span id="TreeContainer"><!--reserved--></span>
<script>
var tree = new Cokemi.Library.AjaxTree;
tree.setParameter("servletUrlPattern", "<%=request.getContextPath()%>/tree");
tree.setParameter("tableName", "t114_industry");
tree.setParameter("nodeIdField", "industry_id");
tree.setParameter("nodeNameField", "name");
tree.setParameter("showSearchBar", "true");
tree.setParameter("allowCheckBox", "true");
tree.setParameter("autoInvokeClickEvent", "true");
tree.setParameter("autoSelectChildNode", "true");
tree.setParameter("rootNodeName", "根节点");
tree.setParameter("rootNodeId", "0000");
//tree.setParameter("defaultParentId", "0008");
tree.setDebugModel(true);
//tree.help();
tree.show();
tree.nodeOnClickHandler = function(nodeId, nodeName) {
alert("当前选定 : " + nodeId + " ---> " + nodeName)
}
tree.nodeOnSelectHandler = function(nodeId, nodeName) {
alert("当前选定 : " + nodeId + " ---> " + nodeName);
//alert("已选ID串 : " + tree.getCurrentSelectedNodes() );
}
</script>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -