Ecology JSP-单选框树形

效果图

12.2	代码
引入的JS与CSS
<script type="text/javascript" src="/js/xtree.js"></script>
<script type="text/javascript" src="/js/xmlextras.js"></script>
<script type="text/javascript" src="/js/cxloadtree.js"></script>
<link type="text/css" rel="stylesheet" href="/css/xtree2.css" />

Body中的显示
<div id="treeDIV" class="cxtree" />

<script>
//设置单选
var appendimg = 'subject3';//指定节点前的图标为subject3.gif的节点后出现radio框
var appendname = 'selObj';//生成的radio控件名称
//以上二个变量删除，则使用普通树，如果加上这二个变量，则显示单选radio框
//以下初始化树
function initTree(){
//设置选中的节点
cxtree_id = 'Node_123';//初始化后选择中的节点ID
CXLoadTreeItem("", "/workflow/workflow/WorkflowXML.jsp");//XML数据源
var tree = new WebFXTree();
tree.add(cxtree_obj);
document.getElementById('treeDIV').innerHTML = tree;
cxtree_obj.expand();//展开树
}
</script>
12.3	数据源格式
<?xml version="1.0" encoding="GBK" ?> 
<TreeNode xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" Title="envelope" xsi:type="TreeNode">
  <TreeNode Title="有子节点0" NodeXmlSrc= "/childXml.jsp" NodeId="workflow_70" Target="wfmainFrame" Href=" http://url " /> 
  <TreeNode Title="无子节点1" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_142" Target="wfmainFrame" Href=http://url" /> 
  <TreeNode Title="无子节点2" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_50" Target="wfmainFrame" Href=" http://url " /> 
  <TreeNode Title="无子节点3" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_148" Target="wfmainFrame" Href=" http://url " /> 
  <TreeNode Title="无子节点4" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_49" Target="wfmainFrame" Href=" http://url " /> 
</TreeNode>

TreeNode：树节点定义
Title：树节点显示的文字
Icon：节点的图标
NodeId：节点的ID
Target：点击链接后的目标地址
Href：点击后的链接地址
NodeXmlSrc：子节点的数据地址

转载请注明：赫非域 » Ecology JSP-单选框树形