<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>TableTree4J V1.1RE Option</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
<script type="text/javascript" src="../TableTree4J.js"></script>
<link rel="StyleSheet" href="../css/tabletree4j.css" type="text/css" />
<style>
.body {
font-size:12px;
font-family:"Arial";
}
.btnDiv a{
color:#0000FF;
text-decoration: none;
}
.btnDiv a:hover{
color:#CC3300;
text-decoration: underline;
}
.items{
color:#669999;
font-size:14px;
}
.title{
font-size:16px;
font-weight:bold;
}
.copyrightdiv{
font-size:12px;
font-family:"Arial";
color:#C0C0C0;
}
.operationdiv{
font-size:12px;
color:#666666;
}
.centerClo {
text-align:center;
}
</style>
<script language="JavaScript">
function showExampleSetting(treeObject,idTag){
if($(idTag+"rootNodeBtn").checked){
treeObject.config.rootNodeBtn=true;
}else{
treeObject.config.rootNodeBtn=false;
}
if($(idTag+"folderAutoUrl").checked){
treeObject.config.folderAutoUrl=true;
}else{
treeObject.config.folderAutoUrl=false;
}
if($(idTag+"nodeHrefSelectBg").checked){
treeObject.config.nodeHrefSelectBg=true;
}else{
treeObject.config.nodeHrefSelectBg=false;
}
if($(idTag+"hrefOnfouceLine").checked){
treeObject.config.hrefOnfouceLine=true;
}else{
treeObject.config.hrefOnfouceLine=false;
}
if($(idTag+"hrefIconOnfouceLine").checked){
treeObject.config.hrefIconOnfouceLine=true;
}else{
treeObject.config.hrefIconOnfouceLine=false;
}
if($(idTag+"showTipTitle").checked){
treeObject.config.showTipTitle=true;
}else{
treeObject.config.showTipTitle=false;
}
if($(idTag+"showStatusText").checked){
treeObject.config.showStatusText=true;
}else{
treeObject.config.showStatusText=false;
}
if($(idTag+"inOrder").checked){
treeObject.config.inOrder=true;
}else{
treeObject.config.inOrder=false;
}
if($(idTag+"useIcon").checked){
treeObject.config.useIcon=true;
}else{
treeObject.config.useIcon=false;
}
if($(idTag+"useLine").checked){
treeObject.config.useLine=true;
}else{
treeObject.config.useLine=false;
}
if($(idTag+"booleanInitOpenAll").checked){
treeObject.config.booleanInitOpenAll=true;
}else{
treeObject.config.booleanInitOpenAll=false;
}
if($(idTag+"useCookies").checked){
treeObject.config.useCookies=true;
}else{
treeObject.config.useCookies=false;
}
if($(idTag+"booleanHighLightRow").checked){
treeObject.config.booleanHighLightRow=true;
}else{
treeObject.config.booleanHighLightRow=false;
}
if($(idTag+"dafultTarget").value!=""){
treeObject.config.dafultTarget=$(idTag+"dafultTarget").value;
}else{
treeObject.config.dafultTarget=null;
}
}
function $(id){
return document.getElementById(id);
}
//GridTree
var gridTree;
function showGridTree(){
//init
gridTree=new TableTree4J("gridTree","../");
showExampleSetting(gridTree,"Grid");
gridTree.tableDesc="<table border=\"1\" class=\"GridView\" width=\"100%\" id=\"table1\" cellspacing=\"0\" cellpadding=\"0\" style=\"border-collapse: collapse\" bordercolordark=\"#C0C0C0\" bordercolorlight=\"#C0C0C0\" >";
var headerDataList=new Array("ModuleName","Create Time","Status","Operation");
var widthList=new Array("20%","40%","10%","30%");
//param: arrayHeader,id,headerWidthList,booleanOpen,classStyle,hrefTip,hrefStatusText,icon,iconOpen
gridTree.setHeader(headerDataList,-1,null,true,"GridHead","This is a tipTitle of head href!","header status text","","");
//set col style
gridTree.gridHeaderColStyleArray=new Array("","","","centerClo");
gridTree.gridDataCloStyleArray=new Array("","","","centerClo");
//add data
var dataList=new Array("SystemManager","2007-12-10","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
//params:dataList,id,pid,booleanOpen,order,url,target,hrefTip,hrefStatusText,classStyle,icon,iconOpen
gridTree.addGirdNode(dataList,1,-1,null,5,"#",null,"hello!","status text",null,null,null);
dataList=new Array("PopedomManager","2007-11-8","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,2,-1,null,2);
dataList=new Array("MessageManager","2008-1-22","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,3,-1,null,3);
dataList=new Array("FilesManager","2007-3-18","Out of use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,4,-1,null,4);
dataList=new Array("RecordsManager","2007-4-20","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,5,-1,null,1);
//-------------
dataList=new Array("Popedom","2007-11-8","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,6,3,null,2);
dataList=new Array("Message","2008-1-22","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,7,3,null,1);
dataList=new Array("Files","2007-3-18","Out of use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,8,5,null,3);
dataList=new Array("Records","2007-4-20","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,9,2,null,4);
//-------------
dataList=new Array("PopedomShows","2007-11-8","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,10,6,null,"");
dataList=new Array("MessageShows","2008-1-22","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,11,10,null,2);
dataList=new Array("FilesShows","2007-3-18","Out of use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,12,9,null,3);
dataList=new Array("RecordsShows","2007-4-20","In use","<a href=\"#\">delete</a> | <a href=\"#\">view</a> ");
gridTree.addGirdNode(dataList,13,7,null,1);
//print
gridTree.printTableTreeToElement("gridTreeDiv");
}
//menuTree
var menuTree;
function showMenuTree(){
//init
menuTree=new TableTree4J("menuTree","../");
menuTree.toMenuMode();
showExampleSetting(menuTree,"Menu");
menuTree.setImgRootPath("../thame/img_style_blue/");
//param: rootName,id,booleanOpen,classStyle,hrefTip,hrefStatusText,icon,iconOpen
menuTree.setMenuRoot("ModuleName",-1,true,"MenuRoot","menu root href tip!","header status text",null,null);
//add data
//param��menuName,id,pid,booleanOpen,order,url,target,hrefTip,hrefStatusText,classStyle,icon,iconOpen
menuTree.addMenuNode("SystemManager",1,-1,null,5,"#","","href tip","status text",null,null,null);
menuTree.addMenuNode("PopedomManager",2,-1,null,2);
menuTree.addMenuNode("MessageManager",3,-1,null,3);
menuTree.addMenuNode("FilesManager",4,-1,null,4,"#","",null,null,null,"../img/trash.gif",null);
menuTree.addMenuNode("RecordsManager",5,-1,null,1,"","","tip tip!");
//-------------
menuTree.addMenuNode("Popedom",6,3,null,2);
menuTree.addMenuNode("Message",7,3,null,1);
menuTree.addMenuNode("Files",8,5,null,3);
menuTree.addMenuNode("Records",9,2,null,4);
//-------------
menuTree.addMenuNode("PopedomShows",10,6,null,"");
menuTree.addMenuNode("MessageShows",11,10,null,2);
menuTree.addMenuNode("FilesShows",12,9,null,3);
menuTree.addMenuNode("RecordsShows",13,7,null,1);
//print
menuTree.printTableTreeToElement("menuTreeDiv");
}
</script>
</head>
<body class="body">
<div style="font-size:25px;color:#993333;font-weight:bold">
TableTree4J Examples
</div>
<div id="tips" class="title">
Show TableTree4J all option.
<hr/>
</div>
<div align="right">
<a href="exampleListEN.htm" style="color:#0000FF;font-size:12px">Back</a>
</div>
<div class="btnDiv">
<span class="items">GridTree</span>
树形菜单和结合表格的树形菜单 （107个子文件） 
tabletree4j.css 2KB
globe.gif 1KB globe.gif 1KB globe.gif 1KB trash.gif 1KB trash.gif 1KB trash.gif 1KB question.gif 1KB question.gif 1KB question.gif 1KB base.gif 1KB base.gif 1KB base.gif 1KB folderopen2.gif 1000B nolines_plus.gif 870B nolines_plus.gif 870B nolines_plus.gif 870B nolines_plus.gif 870B nolines_plus.gif 870B nolines_minus.gif 861B nolines_minus.gif 861B nolines_minus.gif 861B nolines_minus.gif 861B nolines_minus.gif 861B base.gif 678B musicfolder.gif 633B musicfolder.gif 633B musicfolder.gif 633B base.gif 628B imgfolder.gif 622B imgfolder.gif 622B imgfolder.gif 622B page.gif 582B page.gif 582B folderopen.gif 382B folderopen.gif 376B folderopen.gif 376B folderopen.gif 376B folder.gif 373B folder.gif 372B folder.gif 372B folder.gif 361B cd.gif 239B cd.gif 239B cd.gif 239B page.gif 163B folderopen.gif 145B page.gif 136B folder.gif 126B plus.gif 89B plus.gif 89B plus.gif 89B plus.gif 89B plus.gif 89B plusbottom.gif 88B plusbottom.gif 88B plusbottom.gif 88B plusbottom.gif 88B plusbottom.gif 88B minus.gif 86B minus.gif 86B minus.gif 86B minusbottom.gif 85B minus.gif 85B minusbottom.gif 85B minusbottom.gif 85B minus.gif 85B minusbottom.gif 85B minusbottom.gif 85B page.gif 82B join.gif 69B join.gif 69B join.gif 69B join.gif 69B join.gif 69B menu_arrow.gif 67B menu_plus.gif 67B line.gif 66B joinbottom.gif 66B line.gif 66B joinbottom.gif 66B line.gif 66B joinbottom.gif 66B line.gif 66B joinbottom.gif 66B line.gif 66B joinbottom.gif 66B menu_minus.gif 64B empty.gif 62B empty.gif 62B empty.gif 62B empty.gif 62B empty.gif 62B arrow.gif 56B example_showSetting_EN.htm 13KB example_showSetting_CN.htm 12KB apiEN.htm 12KB apiCN.htm 10KB explame_common_CN.htm 7KB explame_common_EN.htm 7KB共 107 条
- 1
- 2
评论9
最新资源