51 lines
2.2 KiB
Plaintext
51 lines
2.2 KiB
Plaintext
<%@page import="com.amarsoft.are.util.json.JSONEncoder"%>
|
|
<%@ page language="java" contentType="text/html; charset=GBK"%>
|
|
<%@ include file="/Frame/resources/include/include_begin.jspf"%>
|
|
<script type="text/javascript" src="<%=sWebRootPath%>/Frame/page/js/widget/htmltree.js"></script>
|
|
<%
|
|
ObjectTree tree = new ObjectTree("多选参半案例");
|
|
int m = 25, n = 2 , p = 10;
|
|
for(int i = 0; i < m; i++){
|
|
TreeStory story1 = new TreeStory("", "节点"+(i+1), "");
|
|
if(i == 0) story1.getAttributes().put("AttrKey", "AttrValue");
|
|
tree.getStorys().add(story1);
|
|
if(i < m/2) story1.setCheck(TreeStory.MULTI);
|
|
for(int j = 0; j < n; j++){
|
|
TreeStory story2 = new TreeStory("", "节点"+(i+1)+"."+(j+1), "");
|
|
story1.getStorys().add(story2);
|
|
for(int k = 0; k < p; k++){
|
|
TreeStory story3 = new TreeStory("节点"+(i+1)+"."+(j+1)+"."+(k+1));
|
|
if((i == 0 && j == 0) || k % 2 == 1) story3.setCheck(TreeStory.MULTI);
|
|
if(k == p - 1) story3.setIcon("folder");
|
|
story2.getStorys().add(story3);
|
|
}
|
|
}
|
|
}
|
|
System.out.println("==ObjectTree的JSON结构=============================================");
|
|
System.out.println(JSONEncoder.encode(tree));
|
|
System.out.println("===============================================");
|
|
%>
|
|
<body>
|
|
<div style="width:100%;"><%
|
|
out.print(new Button("全选", "", "tree.getRoot().check()").getHtmlText());
|
|
out.print(new Button("全不选", "", "tree.getRoot().uncheck()").getHtmlText());
|
|
out.print(new Button("获取勾选节点", "", "showChecked()").getHtmlText());
|
|
out.print(new Button("节点总数", "", "alert('共有'+tree.getRoot().getNodes().length+'个节点')").getHtmlText());
|
|
%></div>
|
|
<div id="test" style="width:600px;height:500px;overflow:auto;"></div>
|
|
</body>
|
|
<script type="text/javascript">
|
|
var tree = new HtmlTree(document.getElementById("test"), <%=JSONEncoder.encode(tree)%>);
|
|
tree.initDefQuickKeys();
|
|
tree.nearCss("<style>.htmltreesearch {top:5px;left:480px;right:auto;bottom:auto;}</style>");
|
|
|
|
function showChecked(){
|
|
var nodes = tree.getRoot().getChecked(confirm("包括半选节点？"));
|
|
var str = "选择了"+nodes.length+"个节点：";
|
|
for(var i = 0; i < nodes.length; i++){
|
|
str += "\n"+nodes[i].getText();
|
|
}
|
|
alert(str);
|
|
}
|
|
</script>
|
|
<%@ include file="/Frame/resources/include/include_end.jspf"%> |