<!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>
没有合适的资源?快使用搜索试试~ 我知道了~
TableTree4J
共140个文件
gif:93个
htm:12个
repository:11个
5星 · 超过95%的资源 需积分: 10 52 下载量 26 浏览量
2008-08-21
10:33:20
上传
评论
收藏 64KB RAR 举报
温馨提示
TableTree4J 是一个开源的基于javascript的树状菜单和表格控件<br>使用TableTree4J可以轻易实现带树状折叠效果的表格和树状折叠菜单<br>目前TableTree4J版本为1.1Re版,支持一下功能<br>1.多种模式切换,样式更改<br>2.cookies保存树状状态<br>3.节点自定义排序<br>4.全浏览器支持<br>5.支持所有树状控件的基本功能<br>6.丰富的API文档和多种展示例子,中英文语言选择<br><br>截图地址(百度百科):http://baike.baidu.com/view/1624921.htm<br><br>官方下载:https://sourceforge.net/project/showfiles.php?group_id=227906<br>开源主页:https://sourceforge.net/projects/tabletree4j/<br>开发者 :lanner.Ke<br>工作室 :xcode-studio<br>交流建议:lannerK@qq.com
资源推荐
资源详情
资源评论
收起资源包目录
TableTree4J (140个子文件)
tabletree4j.css 2KB
Entries 962B
Entries 962B
Entries 962B
Entries 728B
Entries 676B
Entries 518B
Entries 198B
Entries 138B
Entries 114B
Entries 112B
Entries 52B
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
共 140 条
- 1
- 2
lannerK
- 粉丝: 7
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于YOLOv8和FASTAPI的图片物体检测API后端
- Unity3D(2019-2020)版本游戏源码(2019.4)SciFiFPS
- 深度学习练手数据集(包括蚂蚁的验证和训练图片)
- 很好的一个蜂群算法 基于matlab实现的源程序 从作者那要过来的.rar
- Unity3D(2019-2020)版本游戏源码(2019.3)2d像素农场游戏
- 基于matlab实现的 非线性振动必备工具箱,里面有详细的步奏讲解,频谱分析,poincare截面,分岔图,李雅普洛夫图.rar
- 基于matlab实现的,计算了duffing振子(杜芬振子)和非线性加幂律振子的响应
- 基于matlab实现的newmark方法求解非线性振动duffing方程.rar
- 基于Opencv+Pyqt5+python实现人脸互换人脸融合人脸特效人脸生成多功能系统完整源码+项目说明.zip
- ChroPath.rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
前往页