var HK_TreeNode = function(pNode){
var me = this;
var nodeValue = "";
var nodeImage = document.createElement("img");
var nodeElement = document.createElement("div");
var nodeText = document.createElement("div");
var childLayout = document.createElement("div");
nodeElement.appendChild(nodeImage);
nodeElement.appendChild(nodeText);
nodeElement.appendChild(childLayout);
nodeImage.src="images/plus.png";
nodeImage.className = "tree_nodeimage";
nodeText.className = "tree_nodetext";
childLayout.className = "tree_nodelayout";
childLayout.style.display = "none";
var nodeIndex = -1;
var parentNode = null;
var level = 0;
var items = new Array();
if(parentNode!=null){
level = pNode.level + 1;
parentNode = pNode;
}
this.tree = null;
this.data = null;
this.setActive = function(){
var activeNode = this.tree.activeNode;
if(activeNode!=null){
activeNode.deActive();
}
nodeText.className = "tree_nodetextActive";
this.tree.activeNode = this;
}
this.deActive = function(){
this.tree.activeNode = null;
nodeText.className = "tree_nodetext";
}
this.appendChild = function(node){
nodeIndex = items.push(node);
childLayout.appendChild(node.getElement());
nodeImage.src="images/plus.gif";
}
this.expand = function(){
if(childLayout.style.display != "none"){
nodeImage.src="images/plus.gif";
childLayout.style.display = "none";
}else{
if(items.length>0){
nodeImage.src="images/plusExpand.gif";
childLayout.style.display = "";
}
}
}
this.getCount = function(){
return items.length;
}
this.getLevel = function(){
return level;
}
this.setParentNode = function(node){
parentNode = node;
node.appendChild(nodeElement);
}
this.getParentNode = function(){
return node;
}
this.getElement = function(){
return nodeElement;
}
this.getImageElement = function(){
return nodeImage;
}
this.getTextElement = function(){
return nodeText;
}
this.setText = function(value){
nodeText.innerText = value;
}
this.getText = function(){
return nodeText.innerText;
}
this.setValue = function(value){
nodeValue = value;
this.setText(value);
}
this.getValue = function(){
return value;
}
function onnodeclick(){
me.expand();
}
function onnodetextclick(){
me.setActive();
}
function ontextdblclick(){
me.expand();
}
function onselect(){
return false;
}
nodeElement.attachEvent("onselectstart",onselect);
nodeText.attachEvent("onclick",onnodetextclick);
nodeText.attachEvent("ondblclick",ontextdblclick);
nodeImage.attachEvent("onclick",onnodeclick);
}
var HK_Tree = function(){
var me = this;
var layout = document.createElement("div");
var items = new Array();
var map = new Object();
var root = new Array();
var activeNode = null;
this.xml = null;
this.parent = null;
this.primaryField = "";
this.parentField = "";
this.valueField = "";
this.textField = "";
this.activeNode = null;
this.appendNode = function(parentNode){
var node = new HK_TreeNode(parentNode);
if(parentNode!=null){
parentNode.appendChild(node);
}else{
layout.appendChild(node.getElement());
root.push(node);
}
node.tree = this;
items.push(node);
return node;
}
this.getNodeByIndex = function(index){
if(items[i]!=undefined){
return items[i];
}
return null;
}
this.getNodeByName = function(name){
if(map[name]!=undefined){
return map[name];
}
return null;
}
this.getCount = function(){
return items.length;
}
this.laodxml = function(){
}
this.databand = function(){
var oRows = this.xml.getElementsByTagName("Row");
var oCol,oCells,oRow;
for(var i=0;i<oRows.length;i++){
var parentId = oRows[i].selectSingleNode("./field[@name='"+this.parentField+"']");
var nodeId = oRows[i].selectSingleNode("./field[@name='"+this.primaryField+"']");
var nodeValue = oRows[i].selectSingleNode("./field[@name='"+this.valueField+"']");
var nodeText = oRows[i].selectSingleNode("./field[@name='"+this.textField+"']");
if(parentId!=null&&nodeId!=null){
var node = this.appendNode(this.getNodeByName(parentId.text));
node.data = oRows[i].xml;
if(nodeValue!=null){
node.setValue(nodeValue.text);
}
if(nodeText!=null){
node.setText(nodeText.text);
}
map[nodeId.text] = node;
}
}
this.ondataband();
}
this.init = function(){
this.parent.appendChild(layout);
}
this.ondataband = function(){};
}
var tree = new HK_Tree();
tree.parent = document.getElementById("treepanel");
tree.primaryField = "unitId";
tree.parentField = "parentUnitId";
tree.valueField = "name";
tree.textField = "name";
tree.init();
今天下午完成的,发上来给大家看看
- 描述: 图片
- 大小: 13.5 KB
- Script.rar (19.7 KB)
- 描述: 里面还有树,TAB页,GRID,WEBSERVICE
只支持IE
- 下载次数: 701
分享到:
相关推荐
在LabVIEW编程环境中,树形控件(Tree Control)是一种常用的数据展示和交互工具,它以层次结构的方式显示数据,用户可以通过展开、折叠节点来查看和操作数据。本教程将详细讲解如何在LabVIEW中使用树形控件进行拖曳...
在LabVIEW中,树形控件是一种非常实用的数据组织和显示工具,它可以帮助用户以层次结构的方式展示和操作数据。在本文中,我们将详细探讨如何在LabVIEW2019中有效地使用树形控件。 首先,树形控件的基本概念。在...
在LabVIEW编程环境中,树形控件是一种非常实用的用户界面元素,用于展示层次结构的数据。本教程将深入探讨LabVIEW中树形控件的基本操作,包括创建、配置、数据绑定以及交互方式。 首先,创建树形控件是通过拖拽“树...
树形控件则是权限管理系统中常见的一种交互方式,用于直观地展示复杂的层级关系。下面将详细介绍权限管理系统的概念、作用以及树形控件在其中的应用。 权限管理系统的概念: 权限管理系统是一种软件工具,用于定义...
在MFC(Microsoft Foundation Classes)开发环境中,树形控件(CTreeCtrl)是一种常见的用户界面元素,用于显示层次结构的数据。本篇将详细讲解如何动态地添加、删除树形控件的节点以及如何获取选中的节点信息。 一...
在VC++编程环境中,树形控件(Tree Control)是一种常用的数据展示工具,它以层次结构的方式呈现数据,常用于文件浏览器、系统设置界面等。本文将深入探讨如何在VC++中创建和使用树形控件,以实现高效的数据管理和...
在这个场景中,我们关注的是一个基于jQuery的"超漂亮树形控件",这通常用于构建可交互的、层次化的数据展示。树形控件是一种常见的用户界面元素,用于显示具有层级关系的数据,比如文件系统、组织结构或菜单。 标题...
树形控件是计算机图形用户界面(GUI)中常见的一种数据可视化组件,它以树状结构展示信息,常用于文件管理、菜单系统、组织结构展示等场景。在本主题中,我们将深入探讨树形控件的基本概念、工作原理、常见用途以及...
在计算机用户界面设计中,树形控件是一种常见的数据展示方式,它以树状结构来组织和显示信息,便于用户浏览和操作。树形控件通常由节点、子节点和层级关系组成,允许用户展开或折叠节点以查看或隐藏详细信息。在...
labVIEW 实现树形控件的值拖拽的另一个树形控件中,任意形成节点
在IT领域,尤其是在GUI(图形用户界面)设计中,树形控件是一种常见的组件,用于显示数据的层次结构。在本篇文章中,我们将深入探讨如何使用Qt库进行树形控件的封装,以及如何结合数据库来展示和操作数据。首先,...
在VB中,树形控件(Treeview Control)是一种常见的用户界面元素,它以层级结构展示数据,通常用于菜单系统、文件浏览器或者复杂的导航界面。这种控件可以让用户通过展开和折叠节点来查看和操作层次化的信息。 在VB...
在Android开发中,树形控件(Tree View)是一种常用的数据展示组件,它能够以层次结构展示数据,常用于文件系统、目录结构等场景。在Android SDK中,并没有内置的树形控件,但开发者可以通过自定义View或者利用现有...
在Microsoft Foundation Classes (MFC)库中,树形控件(CTreeCtrl)是一种常见的用户界面元素,用于显示层次结构的数据。在这个经典示例中,我们将深入探讨如何创建一个允许用户编辑其节点文本的树形控件。这在许多...
VC树形控件,全称为Visual C++ TreeView控件,是MFC(Microsoft Foundation Classes)库中的一个重要组件,常用于构建用户界面,展示层次结构的数据。它在Windows应用程序开发中广泛使用,允许用户通过节点的展开和...
本资料重点讲解的是MFC中的树形控件(CTreeCtrl)和列表控件(CListCtrl)的结合使用,这对初学者来说是一份非常有价值的学习材料。 首先,我们来看树形控件CTreeCtrl。树形控件通常用于展示层次结构的数据,例如...
JavaScript树形控件是一种在网页中用于展示层次结构数据的交互式组件,它通常以节点的形式呈现,每个节点可以展开或折叠,展示其子节点。这种控件在各种应用场景中非常常见,例如文件目录浏览、组织结构展示、菜单...
在本实例中,我们主要探讨的是“树形控件”的应用,这是一个在可视化设计中常用的元素,能够帮助用户以层级结构的形式展示数据,方便进行导航和操作。 树形控件在组态王中的作用主要体现在以下几个方面: 1. **...
本资源"安卓树形控件相关-Android任意层级树形控件无jar版.rar"提供了一个无依赖jar包的树形控件实现,适用于那些希望自定义和控制底层逻辑的开发者。 在Android系统中,原生并未提供直接支持树形结构的控件,但...
在本项目中,我们关注的是"树形控件(CTreeCtrl)"和"列表控件(CListCtrl)"的结合使用。这两种控件在Windows应用程序中非常常见,它们各自具有独特的功能,而将它们整合在一起可以实现更复杂的界面布局和数据展示...