📄 seltree.jsp
字号:
<%@ taglib uri="/tags/web-seltree" prefix="tree"%>
<%@ page contentType="text/html;charset=GBK" %>
<%@ page import="org.loushang.web.taglib.util.skin.SkinUtils"%>
<%@ page import="java.util.*"%>
<%@ taglib uri="/tags/web-loushang" prefix="loushang"%>
<%@ taglib uri="/tags/web-html" prefix="html" %>
<%@ taglib uri="/tags/web-i18n" prefix="web"%>
<web:js src="XMLSelTree.js"/>
<link rel="stylesheet" type="text/css" href="<%=SkinUtils.getCSS(request,"XMLSelTree.css")%>">
<%
ArrayList list = new ArrayList();
for (int i=1;i<=3;i++){
HashMap hash = new HashMap();
hash.put("nodeId", String.valueOf(i));
hash.put("CheckData",String.valueOf(i));
if (i==1){
hash.put("title", "北京");
hash.put("nodeXmlSrc", "");
hash.put("CheckData","1");
hash.put("toolTip","提示：北京");
}
if (i==2){
hash.put("title", "山东");
hash.put("nodeXmlSrc", "");
hash.put("CheckData","2");
hash.put("toolTip","提示：山东");
}
if (i==3){
hash.put("title", "辽宁");
hash.put("nodeXmlSrc", "");
hash.put("CheckData","3");
hash.put("toolTip","提示：辽宁");
}
list.add(hash);
}
request.setAttribute("tree",list);
%>
<html>
<head>
<title></title>
</head>
<table width="100%">
<tr>
<td><label class="title">selTree 组件</label></td>
<% String file=request.getServletPath().substring(1);
String app=request.getContextPath();
%>
<td><label class="title">url：<%=file%></label></td>
<td align="right" valign="bottom" nowrap> [<a href="<%=app%>/src.jsp?target=<%=file %>" target="source">源代码</a>] </td>
</tr>
</table>
<hr>
<BODY>
<table>
<tr>
<td width=40%><button name="alldata" onclick="showcheckdata()">显示选中的checkbox数据</button>
</td>
<td ><button name="alldata" onclick="showselecteddata()">显示目前选中节点的数据</button>
</td>
<td><button name="getchildren" onclick="getchildren()">获取子节点</button>
</td>
</tr>
<tr>
<table width=100% height=100%>
<tr>
<td width=20%>
<tree:selTree treeName="seltree" containId="SrcDiv" isShowElseBranch="true" type="checkbox" hasRoot="true" rootText="中国" style="width:180;height:100%;overflow:auto;white-space:nowrap;">
<tree:selNode title="$nodeId+title" nodeId="nodeId" collection="tree" checkData="CheckData" toolTip="toolTip" nodeXmlSrc="nodeXmlSrc" caption="caption">
</tree:selNode>
</tree:selTree>
</td>
<td width=40%>
<span id="content"/>
</td>
</tr>
</table>
</tr>
</table>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
function code(){
document.forms[0].test.value="";
document.forms[0].test.value=document.body.innerHTML;
}
seltree.clickImg=function(node){
seltree.xmlsrc="getxml.jsp?nodeId="+node.NodeId;
}
seltree.clickText=function(node){
var nodeId=node.NodeId;
seltree.xmlsrc="getxml.jsp?nodeId="+node.NodeId;
lench=node.children.length;
if(lench==0){
//alert("现在是末级节点 nodeId="+node.NodeId+" title="+node.title+"\n");
}
document.getElementById("content").innerHTML="您现在点击的节点 nodeId= "+node.NodeId+" title= "+node.title+"\n";
}
function showcheckdata(){
alert( "\n您选中的checkbox数据："+seltree.GetAllCheckData()+"\n您选中的checkbox内容文本："+seltree.GetAllCheckText());
}
function showselecteddata(){
var nodeId=seltree.getValue("NodeId");
if(nodeId){
alert("\n目前您选中的checkbox数据：seltree.getValue(\"NodeId\")="+seltree.getValue("NodeId")+"\n GetValue(\"title\")="+seltree.getValue("title"));
}
}
seltree.loadRightMouseMenu()
{
seltree.insertNodeMenu(new Array("进入编辑状态"),new Array("enterEditMode();"),new Array("dddddd"));
seltree.insertLeafMenu(new Array("test"),new Array("message();"),new Array("dddddd"));
seltree.initContextMenu("<div style='display:none;position:absolute;'></div>",2);
}
seltree.loadRightMouseMenuByNode=function()
{
seltree.insertMenuByNode("1",new Array("定制右键菜单","不定制"),new Array("customize1();","customize2();"),new Array("dddddd","eeeeee"));
seltree.insertMenuByNode("2",new Array("特殊菜单","测试"),new Array("special();","testing();"),new Array("dddddd","eeeeee"));
seltree.insertMenuByNode("11",new Array("特殊菜单叶子","测试叶子"),new Array("special();","testing();"),new Array("dddddd","eeeeee"));
seltree.insertMenuByNode("24",new Array("泰安1","泰安2"),new Array("special();","testing();"),new Array("dddddd","eeeeee"));
}
function addnodemenu()
{
seltree.TreeConfig.DataAsync = true;
seltree.insertNodeMenu(new Array("进入编辑状态"),new Array("enterEditMode();"),new Array("dddddd"));
}
function enterEditMode()
{
seltree.TreeConfig.DataAsync = false;
seltree.insertNodeMenu(new Array("刷新本节点","退出编辑状态"),new Array("seltree.refreshCurrNode();","addnodemenu();"),new Array("dddddd",""));
}
function message(){
seltree.clearContextMenu(true);
}
function init(){
//alert(document.body.innerHTML);
document.all("test").value="";
document.all("test").value=document.body.innerHTML;
}
function customize1(){
alert("定制右键菜单!");
}
function customize2(){
alert("不定制右键菜单!");
}
function special(){
alert("special");
}
function testing(){
alert("testing");
}
function getchildren(){
var arr = seltree.getChildrenNodes(seltree.GetAllCheckNodeId());
var result = "" ;
for(var i=0;i<arr.length;i++){
result = result+arr[i].nodeId+","+arr[i].text+"|";
}
alert(result);
}
</SCRIPT>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -