`
njmnjx
  • 浏览: 234742 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js 树(vs2008)

 
阅读更多
    经过二天的奋斗,写了一个js加载树的程序。
    其中有树节点的【增加节点->向前增加、向后增加、增加子节点】【删除节点】【移动节点】;
    样子如下:
   


    操作:树默认加载第一级;点击节点加载下一级,并将此节点的信息置入到右侧的编辑区域,可保存修改;




   


    添加有两种方式实现:第一种在当前页面加一个遮罩层再操作,另外一种打开一个showModalDialog操作。






   移动节点位置时只要将页面的节点选中,再点击按键【节点调整位置】,这里打开了一个窗口,鼠标悬停会出现三个选项,选择相应的即可。



   删除简单的多



重要的一点是:所有的增删改查操作完成后要刷新树,并且要定位到操作的节点,无论是此节点在第几级,但要保证,不加载无关节点到页面来。这个在程序中有很好的体现。


注:程序中还有很多可以优化的地方,时间关系没有完成。做此记录。

原程序如下:



  • 大小: 100.6 KB
  • 大小: 28.4 KB
  • 大小: 54.6 KB
  • 大小: 60.9 KB
  • 大小: 199.1 KB
  • 大小: 33.3 KB
  • 大小: 176.9 KB
分享到:
评论

相关推荐

    vs2008 treeview js 鼠标移动节点

    总之,VS2008 TreeView结合JavaScript能够创建高度交互的树形视图。通过理解基本的HTML事件和DOM操作,开发者可以实现各种复杂的用户交互效果,提升Web应用程序的用户体验。在实际项目中,应根据实际需求选择合适的...

    Javascript树形代码及文档

    在描述中提到的“Javascript树形代码及文档”是关于使用JavaScript实现的一种数据结构——树的可视化和交互功能的实现。在IT领域,树形结构常用于表示层级关系,如文件系统、组织结构或DOM(Document Object Model)...

    ztree 结合vs2010+sql2008 生成动态树

    《利用ZTree、VS2010与SQL2008构建动态树形结构》 在信息技术领域,数据的组织和展示方式对于用户界面的易用性和效率至关重要。本项目结合了ZTree、Visual Studio 2010(VS2010)以及SQL Server 2008这三款强大的...

    JavaScript Intellisense for Ext 2.0.1 in Visual Studio 2008

    通过vswd-ext_2.0.1.js文件,开发者可以在VS2008中获得针对Ext 2.0.1的智能感知服务。这个文件通常包含了关于Ext库的类型定义和元数据,使得IDE能够理解库的结构并提供相应的代码补全。 使用此Intellisense扩展,...

    JS in JS

    在Narcissus中,`jsparse.js`扮演了关键角色,它负责将JavaScript源代码转换为抽象语法树(AST)。AST是一种数据结构,用于表示程序的语法结构。通过解析源代码生成AST,可以更方便地进行代码分析、优化和转换。接...

    C# 动态解析 javascript 脚本引擎源码

    2. **Noesis.Javascript.VS2010.sln** 和 **Noesis.Javascript.VS2008.sln**:这些都是Visual Studio解决方案文件,分别对应Visual Studio 2010和2008版本。它们包含了项目的所有依赖和配置,用于在IDE中打开并编译...

    zTree异步加载简单示例VS2008项目完整源码

    这个"zTree异步加载简单示例VS2008项目完整源码"是针对开发人员的一个实用资源,提供了如何在Visual Studio 2008环境下实现zTree异步加载功能的具体代码实例。 异步加载(Async Loading)是zTree的核心特性之一,它...

    新浪ajax效果vs2008 局部刷新

    7. **JavaScript和DOM操作**:在Ajax应用中,JavaScript用于处理用户交互,创建和发送XMLHttpRequest对象,以及接收响应后更新DOM树(文档对象模型),改变网页的显示内容。 8. **JSON**:虽然标题和描述中提到的是...

    Ext JS - JavaScript Library

    Ext JS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。这个库以其丰富的用户界面组件、数据绑定功能和可扩展性而闻名。Ext JS 提供了一整套预先封装的组件,如表格、面板、菜单、按钮、表单、树形...

    asp.net 树形下拉框

    在JavaScript中,你需要定义一个表示树节点的数据结构,以便于构建树形结构。例如: ```javascript function TreeNode(id, parentId, text) { this.id = id; this.parentId = parentId; this.text = text; } ``...

    JQuery树形结构

    jQuery作为一个强大的JavaScript库,提供了多种扩展来实现这种交互式树形结构。本篇将详细介绍如何使用jQuery创建和操作树形结构,并基于提供的文件列表进行解析。 首先,`jquery-1.2.6.js`是jQuery的核心库,它是...

    extjs与vs2008的使用酒店管理系统

    EXTJS是一种基于JavaScript的前端开发框架,主要用于构建富互联网应用程序(RIA)。它提供了一系列丰富的组件,包括表格、面板、窗口、菜单、表单等,使开发者可以创建出交互性强、用户体验良好的Web应用。EXTJS的...

    extjs表格(表格后台数据读,分页),树(后台数据读取,复选框联动)的基本操作示例

    3. **后台数据读取**:后台数据通常由服务器端语言如ASP.NET(VS2008环境下可能使用的技术)处理,返回JSON或XML格式的数据。这些数据格式易于JavaScript解析,适合用于前端数据绑定。服务器端可能需要实现特定的...

    Packt Learning Ext Js Nov 2008 Ebook-Elohim.pdf

    《学习Ext JS:构建动态、桌面风格的用户界面》是一本由Shea Frederick、Colin Ramsay和Steve 'Cutter' Blades共同撰写的书籍,首次出版于2008年11月,由Packt Publishing出版。本书主要关注的是如何使用Ext JS框架...

    功能强大的树形扩展面板

    博主“kai2008”在ITEYE(一个知名的中国IT技术社区)上分享了他的经验和见解。可能包括了面板的实现方式、使用的编程语言(例如JavaScript、Java或C#)、相关库或框架的介绍(如jQuery UI、AngularJS或React),...

    Ext JS 4.2 简单环境搭建C#版的

    8. **学习和扩展**: Ext JS 4.2包含了大量的组件和功能,如表格、图表、树形视图、窗体等。继续深入学习官方文档,熟悉组件的用法和配置,以创建更复杂的用户界面。 9. **优化和性能提升**: 当你的应用程序变得复杂...

    itc-js:间隔树时钟实现,基于 Almeida 等人,2008

    这个"itc-js"项目是间隔树时钟的一个JavaScript实现,基于Almeida等人在2008年提出的研究成果。 首先,我们要理解什么是间隔树。间隔树是一种自平衡二叉搜索树,它的每个节点代表一个时间区间,如[start, end)。...

    ext.net在vs2008中的配置

    【EXT.NET在VS2008中的配置详解】 EXT.NET是一个基于.NET Framework的JavaScript库,它为ASP.NET开发者提供了一套强大的组件和工具,用于构建富客户端Web应用程序。EXT.NET结合了EXT JS库的优秀特性,并与.NET环境...

    基于AJAX的目录树的设计与实现

    VS2008提供了丰富的工具和功能,便于开发者构建和调试AJAX应用。 数据库方面,SQL Server 2005被用作后端数据存储。它是微软提供的关系型数据库管理系统,支持复杂的查询、事务处理和数据安全。在目录树的应用中,...

Global site tag (gtag.js) - Google Analytics