wo13145219
- 浏览: 216060 次
- 性别:
- 来自: 江西
-
文章分类
- 全部博客 (109)
- C# (29)
- ASP.NET (30)
- MSSQL (29)
- javascript (9)
- cmd (3)
- ORACLE (4)
- log4j (1)
- window (5)
- FTP (1)
- Shell (1)
- java (1)
- IIS (7)
- html (11)
- SQL (3)
- Jquery (11)
- IE (3)
- 火狐、谷歌 (2)
- wince (2)
- JSON (5)
- List (1)
- Foreach (1)
- SQLhelper (1)
- Ajax (1)
- Firebird (1)
- mysql (7)
- js (2)
- jQuery.autocomplete (1)
- dataTable (1)
- Http (1)
- get (1)
- datetime (1)
- powshell (1)
- URL Protocol (1)
- Office (1)
- Excel (1)
- ASP.NET，算法，秘钥 (1)
- 浏览器 (1)
- Tomcat (1)
最新评论
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>分享一款ECOTree公司组织结构树控件js特效</title>
<script type="text/javascript" src="ECOTree.js"></script>
<link type="text/css" rel="stylesheet" href="ECOTree.css" />
<style>
v\:*{ behavior:url(#default#VML);}
</style>
<style>
.copy {
font-family : "Verdana";
font-size : 10px;
color : #CCCCCC;
}
</style>
<script>
var myTree = null;
function CreateTree() {
myTree = new ECOTree('myTree','myTreeContainer');
myTree.config.colorStyle = ECOTree.CS_LEVEL;
myTree.config.nodeFill = ECOTree.NF_FLAT;
myTree.config.selectMode = ECOTree.SL_NONE;
//是否允许给节点加链接，是否允许给节点加图片
myTree.config.useTarget = false;
myTree.config.useImg = true;
//设置节点的大小和间隔
myTree.config.defaultNodeWidth = 95;
myTree.config.defaultNodeHeight = 140;
myTree.config.iSubtreeSeparation = 50;
myTree.config.iSiblingSeparation = 15;
myTree.config.iLevelSeparation = 30;
//此处通过从数据库或其它地方读取节点信息，生成添加节点的代码
//参数前三位是必须的；
//第一位是本节点id，第二位是父节点id、根节点的父节点为-1，第三位为节点文本；
//第四位为节点上显示的图片/照片、图片放到img下并在数据库中记录名称即可，未设参数则取默认图片；
//第五位为超链接、最好是访问统一程序传入本节点id；
//第六、七位为节点的个性化宽、高。
myTree.add('01',-1,'总裁','./img/0.jpg','http://www.jq-school.com');
myTree.add('02','01','技术副总裁','./img/1.jpg');
myTree.add('03','01','总裁助理','./img/2.jpg','http://www.jq-school.com',95,130);
myTree.add('04','01','分公司','./img/3.jpg','http://www.jq-school.com',95,130);
myTree.add('0201','02','技术经理','./img/4.jpg','http://www.jq-school.com',95,130);
myTree.add('0202','02','技术员','./img/5.jpg','http://www.jq-school.com',95,130);
myTree.add('0301','03','秘书','./img/5.jpg','http://www.jq-school.com',95,130);
myTree.add('0302','03','助理','./img/6.jpg','http://www.jq-school.com',95,130);
myTree.add('0401','04','总经理','./img/6.jpg','http://www.jq-school.com',95,130);
myTree.add('0402','04','财务','./img/7.jpg','http://www.jq-school.com',95,130);
myTree.UpdateTree();
}
</script>
</head>
<div align="center"><table border="0" width="746" height="22"><tr><td height="18" width="740">
<body onLoad="CreateTree();">
<div id="myTreeContainer"></div>
</td></tr></table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="text-align:center;clear:both">
<p>适用浏览器：IE8、360、世界之窗.</p>
<p>注：FireFox、Chrome、Safari、Opera、傲游、搜狗等浏览器不能显示出线条。</p>
<p>来源：<a href="http://www.jq-school.com/">jq-school</a></p>
</div>
</body>
</html>
分享到：
发表评论
-
解决input type=password在浏览器会自动填充密码的问题
2018-10-11 20:20 4530通过添加readonly＆onfocus =“this.r ... -
json 日期数据转成日期字符串
2016-08-26 11:36 594function ChangeDateFormat(js ... -
html禁止清除input文本输入缓存
2016-08-16 10:36 862如果不想让浏览器缓存input的值，有2种方法： 方法一 ... -
jQuery.autocomplete.js乱码问题
2016-07-12 14:01 7201、首先修改jQuery.autocomplete.js 文件 ... -
table合并列
2014-12-11 18:08 789rowspan:合并行 colspan：合并列 < ... -
jquery table 操作
2014-12-06 19:21 980jQuery在客户端操作Table ... -
jQuery.holdReady(hold)
2014-05-07 11:18 710jQuery.holdReady(hold) 概述 ... -
$(document).ready()和window.onload区别
2014-05-07 11:12 11341.执行时间 window.onload必 ... -
Jquery cookies操作
2014-04-15 23:43 874jQuery操作cookie的插件,大概的使用方法如下 $. ... -
编写Jquery插件
2014-03-05 16:34 805<!DOCTYPE html PUBLIC " ... -
Jquery中使用某个关键字进行查询时，table里面相关文字颜色变化
2014-03-05 16:29 2017<!DOCTYPE html PUBLIC " ... -
asp.net谷歌地图api调用
2014-03-05 16:25 983<html xmlns="http://www ... -
label标签的for属性
2014-02-20 09:18 4016label标签通常是写在表单（form）内的，他与一个普通的s ... -
冲突解决多个Jquery包和其他前端js包命名冲突问题
2014-02-20 08:45 2371<html> <head> < ... -
JS包含在HTML文件中正常，包含在ASPX文件中就报错
2014-01-09 10:07 1941今天用到了一段显示谷歌地图的JS代码，在Html中显示正常的， ... -
Jquery的$命名冲突
2014-01-03 09:43 541转载http://www.cnblogs.com/Rasc ... -
html:target几种介绍
2013-08-08 10:28 847_blank -- 在新窗口中打开链接 _parent -- ...
相关推荐
在网页开发中，"树控件js特效"是一种常见的用户界面元素，用于展示层次结构的数据。树控件通常由节点组成，每个节点可以有子节点，形成一个可展开和折叠的层级结构。这种控件在文件管理、组织结构、菜单系统等领域...
公司组织结构图控件是一种用于可视化展示企业或组织内部架构的工具，它允许用户通过图形化的方式理解各级部门和人员的上下级关系。在信息化管理日益重要的今天，这样的控件对于企业管理、员工沟通以及决策支持都起着...
"DOTNET组织结构图控件源码" 提供了一个强大的解决方案，它允许开发者以树形结构展示组织或任何层次结构的数据。这个控件的核心优势在于它的灵活性和可定制性，能够适应各种复杂的组织结构需求。 首先，让我们深入...
在IT领域，尤其是在Web开发中，"树控件"是一种常见的用户界面元素，它用于以树状结构展示数据。在ASP（Active Server Pages）中，树控件常用于构建导航菜单、目录结构或者层级关系的数据展示。下面我们将深入探讨树...
这种控件在各种应用场景中非常常见，例如文件目录浏览、组织结构展示、菜单系统等。 在JavaScript中实现树形控件，通常会涉及以下几个关键知识点： 1. **HTML结构**：首先，需要创建一个基本的HTML结构来承载树形...
xtree js结构树控件 This new version is based on objects, so you do not create the actual html code for the tree yourself, you create an object (the tree's root folder) and then you add child items to ...
树形控件是一种常见的用户界面元素，用于显示具有层级关系的数据，比如文件系统、组织结构或菜单。 标题"jquery超漂亮树形控件"暗示我们讨论的是一种美化过的jQuery实现的树形插件，它可能提供了独特的设计和良好的...
在JavaScript的世界里，树形控件（Tree Control）是一种常用的数据展示形式，它通常用于组织层次结构的数据，如文件系统、组织结构图等。在这个"js树控件们截图.rar"压缩包中，包含了多种使用JavaScript实现的树控件...
"树形控件js"指的是使用JavaScript实现的这种控件，通过HTML文档来展示和交互。在本篇文章中，我们将深入探讨树形控件的概念、实现方式以及JavaScript在其中扮演的角色。 1. **树形控件的基本概念** 树形控件是一...
在网页设计中，树控件常用于目录导航、组织结构展示、文件系统浏览等场景。 树控件的核心功能包括节点的添加、删除、展开、折叠、选择等，同时支持事件监听，如点击、双击、拖拽等，为用户提供丰富的交互体验。在...
在LabVIEW编程环境中，树形控件（Tree Control）是一种常用的数据展示和交互工具，它以层次结构的方式显示数据，用户可以通过展开、折叠节点来查看和操作数据。本教程将详细讲解如何在LabVIEW中使用树形控件进行拖曳...
在前端，可以使用JavaScript库如jQuery、React、Vue或Angular等，它们都有对应的组件来支持创建多选树控件。例如，React中可以使用rc-tree或者ant-design的Tree组件，这些组件通常提供了丰富的API和回调函数，如...
在LabVIEW中，树形控件是一种非常实用的数据组织和显示工具，它可以帮助用户以层次结构的方式展示和操作数据。在本文中，我们将详细探讨如何在LabVIEW2019中有效地使用树形控件。 首先，树形控件的基本概念。在...
《构建与应用组织结构树——基于Whidsoft.WebControls.OrgChart》 在信息化管理日益重要的今天，组织结构的清晰表达对于企业管理、团队协作至关重要。本文将深入探讨如何使用Whidsoft.WebControls.OrgChart这个库来...
在IT领域，树形控件（Tree Control）是一种常见的用户界面元素，用于展示层次结构的数据。这个名为"很好用也很简单的树控件"的资源，正如其标题所言，提供了一个简单易用的树控件解决方案。下面我们将深入探讨这个树...
在LabVIEW编程环境中，树形控件是一种非常实用的用户界面元素，用于展示层次结构的数据。本教程将深入探讨LabVIEW中树形控件的基本操作，包括创建、配置、数据绑定以及交互方式。 首先，创建树形控件是通过拖拽“树...
假设我们有一个组织结构的树控件，每个节点代表一个部门，部门名称可能重复。我们为每个部门节点设置一个唯一的ID，当用户点击部门节点时，根据ID打开对应的部门详细信息对话框。 总结，通过VS2013的MFC框架，我们...
在IT行业中，树形控件是一种常见的用户界面元素，它被广泛用于展示层次结构的数据，如文件系统、组织结构或数据库。在这个特定的案例中，我们讨论的是使用C++编程语言实现的一个树控件。C++是面向对象的编程语言，它...